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
    
  • 相关阅读:
    ZOJ 3949 Edge to the Root( 树形dp)
    CCF201812-3 CIDR合并
    CF700E E. Cool Slogans
    BZOJ4552: [Tjoi2016&Heoi2016]排序
    BZOJ3238: [Ahoi2013]差异
    BZOJ4566: [Haoi2016]找相同字符
    Codeforces Global Round 1 A~F
    (HDU)1555-- How many days? (多少天)
    (HDU)1491-- Octorber 21st (校庆)
    (HDU)1465-- 不容易系列之一
  • 原文地址:https://www.cnblogs.com/xiaofengfeng/p/1808791.html
Copyright © 2011-2022 走看看