介绍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实现跳动的动画效果
Sep 12 HTML / CSS
CSS3实现多背景展示效果通过CSS3定位多张背景
Aug 10 HTML / CSS
CSS3 实现时间轴动画
Nov 25 HTML / CSS
利用HTML5中Geolocation获取地理位置调用Google Map API在Google Map上定位
Jan 23 HTML / CSS
html5拍照功能实现代码(htm5上传文件)
Dec 11 HTML / CSS
html5中 media(播放器)的api使用指南
Dec 26 HTML / CSS
使用HTML5在网页中嵌入音频和视频播放的基本方法
Feb 22 HTML / CSS
微信端html5页面调用分享接口示例
Mar 14 HTML / CSS
移动端Html5页面生成图片解决方案
Aug 07 HTML / CSS
HTML5 播放 RTSP 视频的实例代码
Jul 29 HTML / CSS
关于解决iframe标签嵌套问题的解决方法
Mar 04 HTML / CSS
HTML中link标签属性的具体用法
May 07 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 截取字符串 分别适合GB2312和UTF8编码情况
2009/02/12 PHP
javascript AutoScroller 函数类
2009/05/29 Javascript
jquery快捷动态绑定键盘事件的操作函数代码
2013/10/17 Javascript
jquery根据name属性查找的小例子
2013/11/21 Javascript
js使用eval解析json实例与注意事项分享
2014/01/18 Javascript
jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标
2014/03/06 Javascript
浅谈EasyUI中Treegrid节点的删除
2015/03/01 Javascript
Angularjs 滚动加载更多数据
2016/03/17 Javascript
JavaScript中对JSON对象的基本操作示例
2016/05/21 Javascript
移动端翻页插件dropload.js(支持Zepto和jQuery)
2016/07/27 Javascript
js数组常用操作方法小结(增加,删除,合并,分割等)
2016/08/02 Javascript
实例浅析js的this
2016/12/11 Javascript
JavaScript mixin实现多继承的方法详解
2017/03/30 Javascript
Vue实现动态显示textarea剩余字数
2017/05/22 Javascript
webpack4.x打包过程详解
2018/07/18 Javascript
浅谈layui 绑定form submit提交表单的注意事项
2019/10/25 Javascript
ElementUI Tree 树形控件的使用并给节点添加图标
2020/02/27 Javascript
JS自定义滚动条效果
2020/03/13 Javascript
jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
2020/06/02 jQuery
[10:07]2014DOTA2国际邀请赛 实拍选手现场观战DK对阵Titan
2014/07/12 DOTA
python中执行shell的两种方法总结
2017/01/10 Python
python数据处理实战(必看篇)
2017/06/11 Python
超简单使用Python换脸实例
2019/03/27 Python
Python创建一个元素都为0的列表实例
2019/11/28 Python
如何导出python安装的所有模块名称和版本号到文件中
2020/06/05 Python
HTML5的语法变化介绍
2013/08/13 HTML / CSS
Microsoft新加坡官方网站:购买微软最新软件和技术产品
2016/10/28 全球购物
编码转换,怎样实现将GB2312编码的字符串转换为ISO-8859-1编码的字符串
2014/01/07 面试题
致垒球运动员加油稿
2014/02/16 职场文书
亲子阅读的活动方案
2014/08/15 职场文书
学校党委干部个人对照检查材料思想汇报
2014/10/09 职场文书
大学迎新生欢迎词
2015/09/29 职场文书
《日月潭》教学反思
2016/02/20 职场文书
关于vue中如何监听数组变化
2021/04/28 Vue.js
使用python绘制分组对比柱状图
2022/04/21 Python
Navicat Premium自定义 sql 标签的创建方式
2022/09/23 数据库