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
    
  • 相关阅读:
    JavaScript:事件
    JavaScript系统对象
    DOM基础:table(表格)
    DOM基础
    Cookie的简单实用
    javascript:变量的作用域
    javascript:没有定义的变量和没有定义的属性
    数组的基本使用
    静态代码块、代码块、构造函数、匿名内部类、匿名内部类中的代码块
    java使用指定的国际化文件
  • 原文地址:https://www.cnblogs.com/xiaofengfeng/p/1808791.html
Copyright © 2011-2022 走看看