介绍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 自定义字体font-face使用介绍
May 14 HTML / CSS
纯CSS3发光分享按钮的实现教程
Sep 06 HTML / CSS
CSS3 实现侧边栏展开收起动画
Dec 22 HTML / CSS
解决CSS3 transition-delay 属性默认值0不带单位失效的问题
Oct 29 HTML / CSS
HTML5事件方法全部汇总
May 12 HTML / CSS
html5 canvas绘制矩形和圆形的实例代码
Jun 16 HTML / CSS
利用Storage Event实现页面间通信的示例代码
Jul 26 HTML / CSS
iframe与window.onload如何使用详解
May 07 HTML / CSS
如何使用canvas绘制可移动网格的示例代码
Dec 14 HTML / CSS
CSS 圆形进度栏
Apr 06 HTML / CSS
html5移动端禁止长按图片保存的实现
Apr 20 HTML / CSS
Css预编语言及区别详解
Apr 25 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结束标签的使用细节探讨及联想
2013/03/04 PHP
ThinkPHP模板Switch标签用法示例
2014/06/30 PHP
php+redis消息队列实现抢购功能
2018/02/08 PHP
javascript打开新窗口同时关闭旧窗口
2009/01/16 Javascript
JavaScript 乱码问题
2009/08/06 Javascript
JS实现在Repeater控件中创建可隐藏区域的代码
2010/09/16 Javascript
Jquery知识点三 jquery表单对象操作
2011/01/17 Javascript
jquery之超简单的div显示和隐藏特效demo(分享)
2013/07/09 Javascript
jQuery $命名冲突解决方案汇总
2014/11/13 Javascript
canvas实现绘制吃豆鱼效果
2017/01/12 Javascript
从零开始学习Node.js系列教程之SQLite3和MongoDB用法分析
2017/04/13 Javascript
angularjs实现天气预报功能
2020/06/16 Javascript
bootstrap响应式导航条模板使用详解(含下拉菜单,弹出框)
2017/11/17 Javascript
详解Vue项目中出现Loading chunk {n} failed问题的解决方法
2018/09/14 Javascript
怎样在vue项目下添加ESLint的方法
2019/05/16 Javascript
浅谈小程序globalData的那些事儿
2019/11/01 Javascript
python网络编程之TCP通信实例和socketserver框架使用例子
2014/04/25 Python
python实现基于两张图片生成圆角图标效果的方法
2015/03/26 Python
简单实现python画圆功能
2018/01/25 Python
Python聊天室程序(基础版)
2018/04/01 Python
Python3 串口接收与发送16进制数据包的实例
2019/06/12 Python
Python列表如何更新值
2020/05/27 Python
python 在sql语句中使用%s,%d,%f说明
2020/06/06 Python
浅谈keras中的batch_dot,dot方法和TensorFlow的matmul
2020/06/18 Python
Visual Studio code 配置Python开发环境
2020/09/11 Python
Python用Jira库来操作Jira
2020/12/28 Python
Python项目打包成二进制的方法
2020/12/30 Python
CSS3中的元素过渡属性transition示例详解
2016/11/30 HTML / CSS
玉兰油美国官网:OLAY美国
2018/10/25 全球购物
英国名牌男装店:Standout
2021/02/17 全球购物
治超工作实施方案
2014/05/04 职场文书
客房领班岗位职责
2015/02/11 职场文书
2015年幼儿园教研活动总结
2015/03/25 职场文书
篮球比赛通讯稿
2015/07/18 职场文书
详解Spring Boot使用系统参数表提升系统的灵活性
2021/06/30 Java/Android
日本官方排名前10的动漫,名侦探柯南上榜,第一是一部创造历史的动漫
2022/03/18 日漫