用DIV+CSS编写出的网页中的圆角矩形

• 用Css+DIV编写的实现在网页中显示圆角矩形的代码！希望对大家有用！谢谢支持！

  <style>
  div.bg{background:#ffc20e;width:50%}
  b{display:block;}
  /*将所有B标签转成块级元素*/

  div b.topb b,div b.bottomb b{height:1px;overflow:hidden;background:#ffc20e;}
  /*div标签内类名为topb/bottomb的那个b标签的css属性值--高为1px，溢出部份隐藏,背景色同div.bg的背景色*/

  div b.topb,div b.bottomb{ background-color:white}
  /*div标签内类名为topb/bottomb的背景色要与body背景色一致*/

  b.t1{margin:0 5px}
  /*标签margin值将决定溢出的多少值被隐藏*/
  b.t2{margin:0 3px}
  b.t3{margin:0 2px}
  b.t4{margin:0 1px;height:2px;}

  </style>

  <div align="center">
  <div class="bg">

  <b class="topb"><!--**此b标签所包含的b标签要进行溢出隐藏**-->
  <b class="t1"></b>
  <b class="t2"></b>
  <b class="t3"></b>
  <b class="t4"></b>

  </b>
  <br />
  这个代码是网页教学网从互联网收集整理所得, 谢谢支持!
  <br />
  <br />

  <b class="bottomb">
  <b class="t4"></b>
  <b class="t3"></b>
  <b class="t2"></b>
  <b class="t1"></b>
  </b>

  </div>
  </div>

  具体效果可以直接运行下面对话框！

  <style> div.bg{background:#ffc20e;width:50%} b{display:block;} /*将所有B标签转成块级元素*/ div b.topb b,div b.bottomb b{height:1px;overflow:hidden;background:#ffc20e;} /*div标签内类名为topb/bottomb的那个b标签的css属性值--高为1px，溢出部份隐藏,背景色同div.bg的背景色*/ div b.topb,div b.bottomb{ background-color:white} /*div标签内类名为topb/bottomb的背景色要与body背景色一致*/ b.t1{margin:0 5px} /*标签margin值将决定溢出的多少值被隐藏*/ b.t2{margin:0 3px} b.t3{margin:0 2px} b.t4{margin:0 1px;height:2px;} </style> <div align="center"> <div class="bg"> <b class="topb"><!--**此b标签所包含的b标签要进行溢出隐藏**--> <b class="t1"></b> <b class="t2"></b> <b class="t3"></b> <b class="t4"></b> </b> <br /> 这个代码是网页教学网从互联网收集整理所得, 谢谢支持! <br /> <br /> <b class="bottomb"> <b class="t4"></b> <b class="t3"></b> <b class="t2"></b> <b class="t1"></b> </b> </div> </div>

• [1] [2] 下一页 
• 复制本页网址和标题，发送给你QQ/Msn的好友一起分享
  
  
• 用DIV+CSS编写出的网页中的圆角矩形 相关文章：
• ·用DIV+CSS编写出的网页中的圆角矩形
• 用DIV+CSS编写出的网页中的圆角矩形 相关软件

上一篇:建站指南：如何写网站项目策划书？

下一篇:Photoshop快速将照片转为艺术效果

• 特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
• 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
• 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

精品推荐

热点TOP10

特别推荐