zoukankan      html  css  js  c++  java
  • CSS 美化表格边框为凹陷立体效果的实现方法

    <html> 
    <head> 
    <title>Untitled Document</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
    </head> 
    <body> 
    <center> 
    <FIELDSET ID=shop style="200;"> <legend><span style="font size:12px">脚本之家</span></legend>
     
    <form name="form1" method="post" action=""> 
    <p align="left"> 
    <input type="checkbox" name="checkbox" value="checkbox"> 
    <span style="font size:12px">AJAX专栏</span> 
     
    </p> 
    <p align="left"> 
    <input type="checkbox" name="checkbox2" value="checkbox"> 
    <span style="font size:12px">FW专栏</span></p> 
    <p align="left"> 
    <input type="checkbox" name="checkbox3" value="checkbox"> 
    <span style="font size:12px">FLASH专栏</span></p> 
    </form> 
    <span style="font size:12px"><font color="#990000">此边框为默认风格</font></span>
     
    </fieldset>
    
    <FIELDSET ID=shop style="200;border:inset;border-top- 3px; border-right- 3px; border-bottom- 3px; border-left- 3px;"> 
    <legend><span style="font size:12px">脚本之家</span></legend>
     
    <form name="form1" method="post" action=""> 
    <p align="left"> 
    <input type="checkbox" name="checkbox4" value="checkbox"> 
    <span style="font size:12px">AJAX专栏</span> 
     
    </p> 
    <p align="left"> 
    <input type="checkbox" name="checkbox22" value="checkbox"> 
    <span style="font size:12px">FW专栏</span></p> 
    <p align="left"> 
    <input type="checkbox" name="checkbox32" value="checkbox"> 
    <span style="font size:12px">FLASH专栏</span></p> 
    </form> 
    <span style="font size:12px"><font color="#990000">此边框为凹陷效果</font></span>
     
    </fieldset> 
    </center></body> 
    </html>
    
    详细出处参考:http://www.jb51.net/article/20272.htm
    
  • 相关阅读:
    UrlRewrite(地址变换)技术在IIS 5.0/ASP平台上面的应用
    Asp.Net页面输出到EXCEL
    [收藏] ASP.NET缓存:方法和最佳实践
    基于.NET的全文索引引擎Lucene.NET
    [ASP.NET]支持up,down以及pageup,pagedown,home,end,Enter键盘操作的DataGrid
    无知所以羞耻
    你相信世界上有心有灵犀的事情吗?
    javascript的日期加减
    2007312
    人应该多向上
  • 原文地址:https://www.cnblogs.com/xiaofengfeng/p/1808791.html
Copyright © 2011-2022 走看看