css3 div 圆角

CSS3圆角只需设个属性:border-radius(含义是"边框半径")。你为属性提供一个就能同时设置四个圆半径。所有合法的CSS度量值都可以使用:em、ex、pt、px、百分比等等。

代码实例:border-radius: 15px;

1、把下列代码添加进入你的<style>标签内

2、清空缓存,看看效果吧(部分IE版本可能不支持)

预览

总结

这是个很实用的方法,可以让图片看起来更「精巧」一些

使用css让图片显角,首要理解,一般图片用一个p包裹,不一定要直接去片,可以去直接改包裹图片的p,圆角的话,是需要使用css3才能实现的border-radius来实现的,border-radius:5px 15px 20px 25px;顺序依次是上右下左,具体可以看下代码:<html>
<head>
<style>

#round {
padding:10px; width:300px; height:50px;
border: 5px solid #dedede;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius:15px;
}
</style>
</head>
<body>
<p id="round">
<img src=图片地址>
</p>
</body>
</html>img{
-moz-border-radius:20px;
}
gecko浏览器支持内较长~我就不贴出来了~
个网址 http://www.mb5u.com/pcssjiaocheng/13833.html都是做的圆角矩形吧 css有这功能?
what is shading love in bloom sheila refa怎么读 辽宁师范大学 张杰 narutohartaividio 今では 今には 水浒传作者 forecast prediction 飞燕惊龙后续 gb t18663 male urinal spy 资兴兴宁镇二手房 always inspire me logtail phenyldiazonium visual object class girl beat hero 鹰潭网监,向反腐监督人群反攻倒算 绝世武神改编版1 7全篇 .recipdisplayname one day for me python objects.get 暗算豆瓣评分 reacue plane previoussbling ノゾキアナ longbaycollege home セキスイハイム react 异常处理 i am on the bus

Copyright 知识库 Some Rights Reserved

如反馈或投诉等情况联系:une35498#163.com