个人博客 > 学无止境 > WEB前端 > CSS3实现DIV圆角完整代码

CSS3实现DIV圆角完整代码

实现圆角的CSS3代码句是: "border-radius: 10px;" 注:IE6、7、8不支持。

<div style="border: 2px solid rgb(55, 144, 130); border-radius: 20px; padding: 30px; width: 330px;">
    本实例是CSS3实现DIV圆角。实现圆角的CSS3代码句是: &quot;border-radius: 20px;&quot; 。
</div>
<div style="border: 2px solid #379082; border-radius: 20px; padding: 30px 30px; width:330px;">本实例是CSS3实现DIV圆角。实现圆角的CSS3代码句是: &quot;border-radius: 20px;&quot; 。
</div>

效果图(Chrome):

本实例是CSS3实现DIV圆角。实现圆角的CSS3代码句是: "border-radius: 20px;" 。

css3实现DIV圆角演示图

本文出自:琅枫个人博客。如需转载请注明出处!

本文出处:"https://www.phpfeng.cn/learn/web/40.html"

如果您觉得文章对你有帮助,可以进行打赏。
打赏多少,您高兴就行,谢谢您对琅枫博客的支持! ~(@^_^@)~

微信打赏

琅枫博客微信号

支付宝打赏

琅枫博客个人支付宝
本文关键词: 圆角 代码 CSS3



你想在庞大的互联网上留下一丝足迹?

我不想成为一个庸俗的人。十年百年后,当我们死去,质疑我们的人同样死去,后人看到的是裹足不前、原地打转的你,还是一直奔跑、走到远方的我?

点我了解如何搭建个人博客?