神马文学网：想知道神马，提问回答学习问题百度都知道

CSS圆2角边框纯CSS制作-CSS布局实例-模板无忧

来源：百度文库编辑：神马文学网时间：2024/05/02 00:41:00

CSS圆角边框纯CSS制作-CSS布局实例

来源:无忧整理作者:pro.html.it更新时间:2007-04-13点击:3956

Source Code to Run [www.mb5u.com]

<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 nibheuismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enimad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nislut aliquip ex ea commodo consequat.</p><p>Duis autem vel eum iriure dolor in hendreritin vulputate velit esse molestie consequat, vel illum dolore eu feugiat nullafacilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesentluptatum 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圆2角边框纯CSS制作-CSS布局实例-模板无忧 CSS布局实例：仅一张图片实现圆角！ Css布局 CSS网页制作布局实例教程 css div+css布局实例淘宝分析(一) 自由伸缩的CSS圆角边框-Css-六天赋网站制作自学基地-6tianf.com CSS布局实例：仅一张图片实现圆角！ - 劲歌金曲 - 网易博客使用CSS制作圆角效果 css模板--目录索引 CSS布局入门 div+css布局漫谈常用css布局 CSS DIV布局教程 div+css布局漫谈常用css布局 CSS布局口诀 Div CSS布局入门教程 div+css布局经验 CSS布局入门 Div+CSS布局入门教程 css语言多用边框 CSS边框风格属性 Div+CSS布局入门教程 - 网站建设(2)