`
xinlingwuyu
  • 浏览: 136202 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

圆角的表格

CSSHTML 
阅读更多

<html>
<style type="text/css">
.rd{font-family: "宋体";font-size: 14px;height: 12px;width: 12px;margin: 0px;padding: 0px;line-height: 12px;}
#l{filter:DropShadow(Color=#00ccff,OffX=1,OffY=0)DropShadow(Color=#00ccff,OffX=1,OffY=0)DropShadow(Color=#00ccff,OffX=1,OffY=0)DropShadow(Color=#00ccff,OffX=1,OffY=0)DropShadow(Color=#00ccff,OffX=1,OffY=0)DropShadow(Color=#00ccff,OffX=1,OffY=0)DropShadow(Color=#00ccff,OffX=1,OffY=0);}
#r{filter:DropShadow(Color=#00ccff,OffX=-1,OffY=0)DropShadow(Color=#00ccff,OffX=-1,OffY=0)DropShadow(Color=#00ccff,OffX=-1,OffY=0)DropShadow(Color=#00ccff,OffX=-1,OffY=0)DropShadow(Color=#00ccff,OffX=-1,OffY=0)DropShadow(Color=#00ccff,OffX=-1,OffY=0);}
.tb{filter:DropShadow(Color=#cccccc,OffX=3,OffY=3);}#cn{font-family:"宋体";font-size: 14px;line-height:24px;}#en{font-family:"Verdana";font-size: 11px;}#ct{
 filter:DropShadow(Color=#ffffff,OffX=-1,OffY=-1)DropShadow(Color=#6699cc,OffX=1,OffY=1);
 position:relative;
 height:29px;
 width: 486px;
 left: 39px;
 top: 12px;
}body{overflow:hidden;background:#eeeeee;}
</style> <title>这是圆角的表格</title><body>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="tb">
 <tr><td class="rd" id="l">╭</td>
 <td valign="bottom">
  <table width="100%" border="0" cellpadding="0" cellspacing="0">
   <tr><td bgcolor="#000000" height="1"></td></tr>
   <tr><td bgcolor="#00CCFF" height="7"></td></tr>
  </table>
 </td><td class="rd" id="r">╮</td></tr>
 <tr><td align="right">
 <table height="52" border="0" cellpadding="0" cellspacing="0">
  <tr><td width="1" bgcolor="#000000"></td><td bgcolor="#00CCFF" width="7"></td></tr>
 </table>
 </td><td bgcolor="#00CCFF" valign="top">
 <div id="ct">
        <label id="en"></label>
        <label id="en">www.blueidea.com </label>
        www.blueidea.comwww.blueidea.comwww.blueidea.com<br/>
  <label id="cn">欢迎进入蓝色理想</label>
        <label id="cn">www.blueidea.com</label>
      </div>
 </td><td align="left">
  <table height="52" border="0" cellpadding="0" cellspacing="0">
   <tr><td bgcolor="#00CCFF" width="6"></td>
   <td width="1" bgcolor="#000000"></td></tr>
  </table>
 </td></tr><tr><td class="rd" id="l">╰</td>
 <td valign="top">
  <table width="100%" border="0" cellpadding="0" cellspacing="0">
   <tr><td bgcolor="#00CCFF" height="5"></td></tr>
   <tr><td bgcolor="#000000" height="1"></td></tr>
  </table>
 </td><td class="rd" id="r">╯</td></tr>
</table>
</body> </html>

分享到：
| XML字符串和XML DOCUMENT的相互转换
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics