你应当了解的5个CSS3新技术（2）
作者：暴风彬彬 来源：彬Go 发布时间：2009-02-11 13:01:00
标签：css3,技术,样式,设计,圆角,透明度
2:圆角
目前而言，创建圆角的方法有很多，但都很麻烦。最常用的方法:首先，你要创建圆角的图片；然后，你要创建很多html元素并使用背景图像的方式显示圆角。具体流程你我都很清楚。
这个问题将在CSS3中很简单的解决掉，那就是叫做“border-radius”的属性。我们先创建一个黑色的div元素并给他设置黑色的边框。边框就是要实现“border-radius”属性效果的前提。
像这样:
#round {
background-color: #000;
border: 1px solid #000;
}
现在你已经创建了div元素，它看起来和你预期的样子一样，300px款和高有楞有角且是黑色的。下面我们来添加实现圆角的代码，它是如此的简洁，仅仅需要两行代码。
#round {
background-color: #000;
border: 1px solid #000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
在这里，我们添加了两行类似的代码，-moz-适用于Firefox浏览器，而-webkit-则是用于Safari/Chrome浏览器。
注:目前为止IE浏览器不支持border-radius属性，所以如果想让IE也有圆角效果，那么就要单独添加圆角了。
border-radius这个属性直译过来是边框半径的意思，就如同Photoshop一样，它的值越大，圆角也就越大。
0
投稿猜你喜欢
- 本文以实例形式展示了Python获取电脑硬件信息及状态的实现方法，是Python程序设计中很有实用价值的技巧。分享给大家供大家参考之用。具体
简介集合是软件中的基本抽象。实现集合的方法有很多，例如 hash set、tree等。要实现一个整数集合，位图（bitmap，也称为 bit- 使用Nodejs的开发者愈来越多，基于Nodejs的后台开发也多了起来，像短信验证码、短信群发、国际短信这些需求，完全可以采用第三方接口来实
- 1-删除模型变量del model_define2-清空CUDA cachetorch.cuda.empty_cache()3-步骤2（异步
- 位置参数这是一个求等差数列和的函数，使用必需要传入一个参数n，这就是位置参数def sum(n): sum=0 &
- you-get是github上python的一个开源库(https://github.com/soimort/you-get)，使用you-
- 这个问题好像在各种数据库中都存在，该如何处理呢？一、SQL中：sql="CREATE TABLE phone&
- 前言哈喽，大家好，我是asong；前几天逛github发现了一个有趣的并发库-conc，其目标是：更难出现goroutine泄漏处理pani
- 源码如下from scapy.all import *import logginglogging.getLogger('scapy.
- 条形图是一种常用的图形，比如在各种PPT的展示中为各种职业人士所喜爱。条形图能够直观地展示各种场景下数值的比较。Matplotlib提供了b
- 在我上一篇文章，我搭了一个框架，模拟了Flask网站上“@app.route(‘/')”第一条例子的行为。如果你错过了那篇“这不是魔
- 成为一个顶级设计师的第一准则：限制你的字体让你成为设计大的七个基本原则之一好~设计大师，或者也太吹牛了吧，但根据下面七个基本原则至少你可以成
- 一、这种布局的优点项目中的每个应用都相对独立，方便以后拿出来重用。这样的布局会促使你在开发过程中考虑每个应用的重用性。开发、测试、生产等不同
- 如果原来没有使用过正则表达式，那么可能对这个术语和概念会不太熟悉。不过，它们并不是您想象的那么新奇。请回想一下在硬盘上是如何查找文件的。您肯
- HP QR Code是一个PHP二维码生成类库，利用它可以轻松生成二维码，官网提供了下载和多个演示demo，查看地址：http://phpq
- os.getcwd() 获取当前工作目录，即当前python脚本工作的目录路径os.chdir("dirname") 改
- 本文实例讲述了微信公众平台实现获取用户OpenID的方法。分享给大家供大家参考。具体分析如下：用户点击微信自定义菜单view类型按钮后，微信
- 从Android 3.0开始除了我们重点讲解的Fragment外，Action Bar也是一个重要的内容，Action Bar主要是用于代替
- 本文实例讲述了JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果。分享给大家供大家参考，具体如下：思路：1、首先用把密码框用txt暂
- #-*-coding:utf-8-*-'''Created on 2014年1月10日@author: hhdys&
