★运用CSS3的border-radius属性实现圆角特效★
2014-11-08 04:54:58 -0500
[代码收集]★运用CSS3的border-radius属性实现圆角特效★
2014-06-21 06:47:34 +0800
★运用CSS3的border-radius属性实现圆角特效★
html代码
<style type="text/css"> <!-- .style1 {color: #FFFFFF} --> </style></div><div class="wo-entry-section wo-text-html">转自＠笑忘书 *<html> <body> <textarea> <style> #round1 { padding:10px; border: 5px solid #dedede; -moz-border-radius: 15px; /* Gecko browsers */ -webkit-border-radius: 15px; /* Webkit browsers */ border-radius:15px; /* W3C syntax */ } </style> <div id="round1">带边框的圆角</div>
带边框的圆角
*
<style> #round2 { padding:10px; background:#FC9; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px; } </style> <div id="round2">无边框的圆角特效</div>
html代码
无边框的圆角特效
html代码
*
<style> #round3{ background:#666; -moz-border-radius:5px 5px 30px 30px; -webkit-border-radius:5px 5px 30px 30px; border-radius:5px 5px 30px 30px;} </style> <div id="round3">分别定义四角弧度</div>
分别定义四角弧度
«Newer
Older»
Comment:
Name:
Back to home
Subscribe
|
Register
|
Login
|
N