Html_div圆角
生活随笔
收集整理的這篇文章主要介紹了
Html_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.cnblogs.com/jihua"/><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不支持。<br /><br />
博客園計劃CSS3教程<br />jihua.cnblogs.com
</div>
</body>
</html> 效果圖(Chrome)：
?
?
實際效果（請使用支持CSS3的瀏覽器）：
本實例是CSS3實現DIV圓角。實現圓角的CSS3代碼句是： "border-radius: 20px;" 。需使用支持CSS3的瀏覽器運行,例如新版的Chrome、火狐，或者IE9。IE6、7、8不支持。博客園計劃CSS3教程
jihua.cnblogs.com
轉載于:https://www.cnblogs.com/ingstyle/p/4797998.html
總結
以上是生活随笔為你收集整理的Html_div圆角的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 《闺怨词三首》第十一句是什么
- 下一篇： hdu 5438 Ponds 拓扑排序