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
    
  • 相关阅读:
    绍一集训Round#2
    CF 799B T-shirt buying
    Luogu P2827 蚯蚓
    Luogu P4053 [JSOI2007]建筑抢修
    【LGR-049】洛谷7月月赛
    浅谈可持久化数据结构
    CF 888E Maximum Subsequence
    在平衡树的海洋中畅游(三)——Splay
    浅谈单调栈/队列
    CF 859E Desk Disorder
  • 原文地址:https://www.cnblogs.com/xiaofengfeng/p/1808791.html
Copyright © 2011-2022 走看看