您当前位置：中国建站网 » 建站学院 » 网页制作 » CSS教程 » CSS布局实例 » CSS圆角边框纯CSS制作

CSS圆角边框纯CSS制作

来源：本站整理作者：佚名时间：2007-9-1 13:42:48 该文得分：0

div css xhtml <a target=

xml Source Code to Run" onload="return imgzoom(this,550);" onclick="javascript:window.open(this.src);" style="cursor: pointer;"/> Source Code to Run [www.136z.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><b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b><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><b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>

[ 可先修改部分代码再运行查看效果 ]

上一篇：利用CSS同比例缩小图片并且符合Web标准

下一篇：css教程：CSS语法（CSS Syntax）

相关文章

广告赞助

网友评论

共有 0 位网友发表了评论,平均得分: 0 查看完整内容

栏目导航

阅读排行

下载排行

关于本站 - 版权隐私 - 广告服务 - 免责声明 - 网站地图 - 返回顶部

Copyright © 2006-2007 中国建站网. All Rights Reserved .
合作联系： QQ: 8856499 黔ICP备07001966号