CSS3圆角这么简单

HTML/CSS 2011-12-28 css3,圆角

在CSS3以前,要实现圆角大多使用图片,而在CSS3里实现圆角只要一句话即可实现,虽然部分浏览器不支持CSS3,但未来一定会向CSS3靠拢的。

<style type="text/css">
div {
	width:200px; 
	height:50px;
	background:red; 
	border-radius:10px;
}
</style>
<div></div>

效果

CSS3圆角

以上代码里的border-radius就是实现圆角语句,值越大圆角越大,支持多值方式,如四个值分别是上右下左。

文字链接:《CSS3圆角这么简单

文章地址:http://www.qttc.net/2011122.html

除非标注,琼台博客所有博文均为原创,转载请加文字链接注明来源

乳名?小名?昵称?网名?均可

email,放心,我不会给你乱投广告的

想获得回访就把你的站点URL写上(没有留空)

[NOTICE]木要投放广告
[NOTICE]木要骂人,说不该说的话
[NOTICE]自由言论,但要遵纪守法

Comments 0

    Hi,你想第一个做沙发么?