css圆角
来源:互联网 发布:国家网络教学课题平台 编辑:程序博客网 时间:2024/05/22 00:13
引:从web网络资源搜索到的css样式,用纯css实现边框圆角
资源地址:http://www.52css.com/article.asp?id=428
具体内容:
<style type="text/css">
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em;}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#ccc; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; background:#ccc; border:0 solid #08c; border-width:0 1px;}
</style>
<div id="xsnazzy">
<b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
<div class="xboxcontent">
<h1>Snazzy Borders</h1>
<p>Based on Nifty Corners By Alessandro Fulciniti<br />http://pro.html.it/esempio/nifty/</p>
<h2>Rounded borders without images</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl
ut aliquip ex ea commodo consequat.</p>
<p>Duis autem vel eum iriure dolor in hendrerit
in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
</div>
- 圆角CSS
- css圆角
- Css圆角
- CSS 圆角
- CSS圆角
- css 圆角
- css 圆角
- css圆角
- css圆角
- css 圆角
- css圆角
- CSS圆角
- Css设计div圆角
- css圆角&三角形
- 圆角div css样式
- css实现div圆角
- CSS Sprites + 圆角
- CSS Sprites + 圆角
- 多文件同时下载
- 对c#中的静态构造函数的一点理解
- symbian操作系统 入门篇
- 清空Master Page 下的 Content Page 下的所有 textBox
- linux下挂载windows扇区
- css圆角
- ajax公用代码备份
- Sun携手希赛教育 共推国内Java认证在线教育
- 番茄花园是否有罚?
- Application.DoEvents();
- Linux下GetModuleFileName的四种写法
- 集合-Array类
- Improving Database Performance with Partitioning
- Oracle 分区索引详解