介绍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 相关文章推荐
用CSS禁用输入法(CSS3 UI规范)实例解析
Dec 04 HTML / CSS
IE滤镜与CSS3效果(详细整理分享)
Jan 25 HTML / CSS
深入浅析css3 中display box使用方法
Nov 25 HTML / CSS
css3中flex布局宽度不生效的解决
Dec 09 HTML / CSS
HTML5中视频音频的使用详解
Jul 07 HTML / CSS
使用Html5、CSS实现文字阴影效果
Jan 17 HTML / CSS
利用HTML5 Canvas API绘制矩形的超级攻略
Mar 21 HTML / CSS
canvas线条的属性详解
Mar 27 HTML / CSS
AmazeUI 按钮交互的实现示例
Aug 24 HTML / CSS
CSS3 天气图标动画效果
Apr 06 HTML / CSS
CSS3 实现的图片悬停的切换按钮
Apr 13 HTML / CSS
纯 CSS 自定义多行省略的问题(从原理到实现)
Nov 11 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
javascript,php获取函数参数对象的代码
2011/02/03 PHP
PHP实现动态创建XML文档的方法
2018/03/30 PHP
7个Javascript地图脚本整理
2009/10/20 Javascript
jQuery 渐变下拉菜单
2009/12/15 Javascript
jQuery基础知识filter()和find()实例说明
2010/07/06 Javascript
Js 弹出框口并返回值的两种常用方法
2010/12/30 Javascript
juqery 学习之五 文档处理 插入
2011/02/11 Javascript
javascript父、子页面交互技巧总结
2014/08/08 Javascript
jquery.cookie.js使用指南
2015/01/05 Javascript
js实现基于正则表达式的轻量提示插件
2015/08/29 Javascript
JavaScript仿支付宝密码输入框
2015/12/29 Javascript
AngularJS中关于ng-class指令的几种实现方式详解
2016/09/17 Javascript
详解微信小程序审核不通过的解决方法
2018/01/17 Javascript
Vue中keep-alive组件作用详解
2020/02/04 Javascript
JS 获取文件后缀,判断文件类型(比如是否为图片格式)
2020/05/09 Javascript
[01:34]2014DOTA2 TI预选赛预选赛 选手比赛房大揭秘!
2014/05/20 DOTA
Python通过递归获取目录下指定文件代码实例
2019/11/07 Python
pytorch 归一化与反归一化实例
2019/12/31 Python
python 实现 hive中类似 lateral view explode的功能示例
2020/05/18 Python
CSS中几个与换行有关的属性简明总结
2014/04/15 HTML / CSS
css3使网页、图片变成灰色兼容大多数浏览器
2014/07/02 HTML / CSS
HTML5之SVG 2D入门1—SVG(可缩放矢量图形)概述
2013/01/30 HTML / CSS
Philosophy美国官网:美国美容品牌
2016/08/15 全球购物
韩国爱茉莉太平洋化妆品美国站:Amore Pacific US
2016/10/28 全球购物
英国第一职业高尔夫商店:Clickgolf.co.uk
2020/11/18 全球购物
大学生职业规划范文:象牙塔生活的四年计划
2014/01/14 职场文书
中班中秋节活动反思
2014/02/18 职场文书
《在大海中永生》教学反思
2014/02/24 职场文书
奥巴马英文演讲稿
2014/05/15 职场文书
身边的榜样活动方案
2014/08/20 职场文书
民主生活会发言材料
2014/10/20 职场文书
企业务虚会发言材料
2014/10/20 职场文书
2014年减负工作总结
2014/12/10 职场文书
民事起诉书范本
2015/05/19 职场文书
python中%格式表达式实例用法
2021/06/18 Python
mysql事务对效率的影响分析总结
2021/10/24 MySQL