复制代码 代码如下:
<!doctype hcute的意思tml public “-//w3c//dtd xhtml 1.0 transitional//en” “/d/file/titlepic/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”&g母亲节送什么花最合适t; #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不支持。
www.887551.comcss3教程
</div>黄河流经几个省份;
</body>
</html>
效果图(chrome)：
实际效果（请使用支持css3的浏览器）：
本实例是css3实现div圆角。实现圆角的css3代码句是： “border-radius: 20px;” 。需使用支持css3的浏览器运行,例如新版的chrome、火狐，或者ie9。ie6、7、8不支持。
www.887551.comcss3教程
本文发布于:2023-04-03 16:27:30，感谢您对本站的认可！
本文链接：https://www.wtabcd.cn/fanwen/zuowen/492488e04bd1c5f009b21d89c5b407eb.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
本文word下载地址：CSS3实现DIV圆角效果完整代码.doc
本文 PDF 下载地址：CSS3实现DIV圆角效果完整代码.pdf
| 留言与评论（共有 0 条评论） |
