时间:2016-01-22 07:40 来源: 我爱IT技术网 作者:佚名
本文所分享的知识点是【CSS3实现DIV圆角效果完整代码】，欢迎您喜欢我爱IT技术网所分享的教程、知识、经验或攻略，下面是详细的讲解。
CSS3实现DIV圆角效果完整代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS3实现DIV圆角 - CSS3教程 - 计划 - 博客园</title>
<meta name="keywords" content="www.jb51.net"/>
<style type="text/css"> #yuanjiao{
font-family: Arial;
border: 2px solid #379082;
border-radius: 20px;
padding: 30px 30px;
width: 330px;
}</style>
</head>
<body>
<div id="yuanjiao">
本实例是CSS3实现DIV圆角。实现圆角的CSS3代码句是： "border-radius: 20px;" 。需使用支持CSS3的浏览器运行,例如新版的Chrome、火狐，或者IE9。IE6、7、8不支持。
我爱IT技术网CSS3教程
</div>
</body>
</html>
关于CSS3实现DIV圆角效果完整代码的相关讨论如下：
相关问题：如何用CSS代码设定按钮的圆角样式？
答：用CSS代码设定按钮的圆角样式，这个在css3中才能实现，通过使用border-radius来实现这个效果，不过有浏览器的兼容性问题，-moz(例如 -moz-border-radius)用于Firefox；-webkit(例如：-webkit-border-radius)用于Safari和Chrome；border-radius:5... >>详细
相关问题：如何使用CSS实现DIV层的左下角、右下角圆角效果，...
答：纯css是不能实现兼容的 必须的用背景图的 >>详细
相关问题：css3 圆角怎么做？
答：作用样式： border-radius:5px 15px 20px 25px; 支持上、右、下、左 因css3的兼容性 -moz(例如 -moz-border-radius)用于Firefox -webkit(例如：-webkit-border-radius)用于Safari和Chrome。 实例圆角边框： #round { padding:10px; width:300px;... >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-