| 導購 | 订阅 | 在线投稿
分享
 
 
 

css圆角效果-网页特效

2008-08-15 05:14:59  編輯來源:互聯網  简体版  手機版  評論  字體: ||
 
  <html><br>

  <head><br>

  <title>css圆角效果--网页特效</title>

  <meta http-equiv="content-type" content="text/html; charset=gb2312">

  <style type="text/css">

  div.RoundedCorner{background: #9BD1FA}

  b.rtop, b.rbottom{display:block;background: #FFF}

  b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9BD1FA}

  b.r1{margin: 0 5px}

  b.r2{margin: 0 3px}

  b.r3{margin: 0 2px}

  b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}<br>

  </style>

  </head>

  <body>

  <div class="RoundedCorner">

  <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>

  <br>无图片实现圆角框<br><br>

  <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>

  </div>

  </body>

  </html>
 
 
 
<html><br> <head><br> <title>css圆角效果--网页特效</title> <meta http-equiv="content-type" content="text/html; charset=gb2312"> <style type="text/css"> div.RoundedCorner{background: #9BD1FA} b.rtop, b.rbottom{display:block;background: #FFF} b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9BD1FA} b.r1{margin: 0 5px} b.r2{margin: 0 3px} b.r3{margin: 0 2px} b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}<br> </style> </head> <body> <div class="RoundedCorner"> <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b> <br>无图片实现圆角框<br><br> <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b> </div> </body> </html>
󰈣󰈤
 
 
 
>>返回首頁<<
 
 
 
 
 
 熱帖排行
 
 
王朝网络微信公众号
微信扫码关注本站公众号 wangchaonetcn
 
  免责声明:本文仅代表作者个人观点,与王朝网络无关。王朝网络登载此文出于传递更多信息之目的,并不意味著赞同其观点或证实其描述,其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有