介绍CSS3使用技巧5个


Posted in HTML / CSS onApril 02, 2009

CSS 3 HTML 5 是未来的 Web,它们都还没有正式到来,虽然不少浏览器已经开始对它们提供部分支持。本文介绍了 5 个 CSS3 技巧,可以帮你实现未来的Web。目前这些技术不应该用在正式的客户项目,它们更适合你的个人博客站点,Web 设计社区,或者不会有客户向你投诉的场
 CSS 3 HTML 5 是未来的 Web,它们都还没有正式到来,虽然不少浏览器已经开始对它们提供部分支持。本文介绍了 5 个 CSS3 技巧,可以帮你实现未来的Web。目前这些技术不应该用在正式的客户项目,它们更适合你的个人博客站点,Web 设计社区,或者不会有客户向你投诉的场合。

1. 圆角效果

介绍CSS3使用技巧5个

CSS3 新功能中最常用的一项是圆角效果,标准 HTML 方块对象是90度方角的,CSS3 可以帮你实现圆角。

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

border-radius: 20px;

甚至单个角也可以实现圆角,不过 Mozilla 和 Webkit 的语法稍有不同。

-moz-border-radius-topleft: 20px;

-moz-border-radius-topright: 20px;

-moz-border-radius-bottomleft: 10px;

-moz-border-radius-bottomright: 10px;

-webkit-border-top-rightright-radius: 20px;

-webkit-border-top-left-radius: 20px;

-webkit-border-bottom-left-radius: 10px;

-webkit-border-bottom-rightright-radius: 10px;

所支持的浏览器:Firefox, Safari , Chrome

上一页12 3 4 5 6 下一页 阅读全文
HTML / CSS 相关文章推荐
CSS3样式linear-gradient的使用实例
Jan 16 HTML / CSS
CSS3 Pie工具推荐--让IE6-8支持一些优秀的CSS3特性
Sep 02 HTML / CSS
关于css中margin的值和垂直外边距重叠问题
Oct 27 HTML / CSS
HTML5之SVG 2D入门9—蒙板及mask元素介绍与应用
Jan 30 HTML / CSS
Data URI scheme详解和使用实例及图片base64编码实现方法
May 08 HTML / CSS
使用canvas绘制贝塞尔曲线
Dec 17 HTML / CSS
Web前端页面跳转并取到值
Apr 24 HTML / CSS
HTML5 source标签:媒介元素定义媒介资源
Jan 29 HTML / CSS
基于MUI框架使用HTML5实现的二维码扫描功能
Mar 01 HTML / CSS
HTML5中的websocket实现直播功能
May 21 HTML / CSS
canvas拼图功能实现代码示例
Nov 21 HTML / CSS
css3新特性的应用示例分析
Mar 16 HTML / CSS
CSS3教程(1):什么是CSS3
Apr 02 #HTML / CSS
CSS3教程(2):网页边框半径和网页圆角
Apr 02 #HTML / CSS
CSS3教程(3):border-color网页边框色彩
Apr 02 #HTML / CSS
CSS3教程(4):网页边框和网页文字阴影
Apr 02 #HTML / CSS
CSS3教程(5):网页背景图片
Apr 02 #HTML / CSS
CSS3教程(7):CSS3嵌入字体
Apr 02 #HTML / CSS
CSS3教程(6):创建网站多列
Apr 02 #HTML / CSS
You might like
深入PHP中的HashTable结构详解
2013/06/13 PHP
PHP 实现的将图片转换为TXT
2015/10/21 PHP
PHP在同一域名下两个不同的项目做独立登录机制详解
2017/09/22 PHP
PHP实现的折半查找算法示例
2017/12/19 PHP
PHP实现网站应用微信登录功能详解
2019/04/11 PHP
Thinkphp5框架实现图片、音频和视频文件的上传功能详解
2019/08/27 PHP
基于jQuery的简单的列表导航菜单
2011/03/02 Javascript
dotopAlert 提示用户需安装播放器的代码
2012/09/17 Javascript
单击浏览器右上角的X关闭窗口弹出提示的小例子
2013/06/12 Javascript
解决用jquery load加载页面到div时,不执行页面js的问题
2014/02/22 Javascript
js使用递归解析xml
2014/12/12 Javascript
jQuery中contents()方法用法实例
2015/01/08 Javascript
jQuery滚动条插件nanoscroller使用指南
2015/04/21 Javascript
JS实现简单的图书馆享元模式实例
2015/06/30 Javascript
Redux 和 Mobx的选择问题:让你不再困惑!
2017/09/18 Javascript
利用Vconsole和Fillder进行移动端抓包调试方法
2019/03/05 Javascript
Vue 子组件与数据传递问题及注意事项
2019/07/11 Javascript
JavaScript 实现自己的安卓手机自动化工具脚本(推荐)
2020/05/13 Javascript
vue浏览器返回监听的具体步骤
2021/02/03 Vue.js
举例讲解Python中装饰器的用法
2015/04/27 Python
python删除过期文件的方法
2015/05/29 Python
Python基于jieba库进行简单分词及词云功能实现方法
2018/06/16 Python
Django+JS 实现点击头像即可更改头像的方法示例
2018/12/26 Python
解决Python找不到ssl模块问题 No module named _ssl的方法
2019/04/29 Python
python3中类的继承以及self和super的区别详解
2019/06/26 Python
Python的几种主动结束程序方式
2019/11/22 Python
python3中pip3安装出错,找不到SSL的解决方式
2019/12/12 Python
python+opencv实现车道线检测
2021/02/19 Python
Html5 video标签视频的最佳实践
2020/02/26 HTML / CSS
介绍下Java的输入输出流
2014/01/22 面试题
运动会演讲稿300字
2014/08/25 职场文书
春节慰问简报
2015/07/21 职场文书
python编写五子棋游戏
2021/05/25 Python
Java图书管理系统,课程设计必用(源码+文档)
2021/06/30 Java/Android
RPM包方式安装Oracle21c的方法详解
2021/08/23 Oracle
Win10 最新稳定版本 21H2开始推送
2022/04/19 数码科技