CSS 美化表格边框为凹陷立体效果的实现方法

软件编程
2026-01-11 10:03:14

当然，这里仅提供一种思路，你可以灵活修改使用。
<html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body> <center> <FIELDSET ID=shop style="width: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="width:200;border:inset;border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 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>
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

CSS 美化表格边框为凹陷立体效果的实现方法

热门内容推荐

C#使用虚拟方法实现多态

JavaScript原生对象之String对象的属性和方法详解

js实现DOM走马灯特效的方法

轻松创建nodejs服务器（1）：一个简单nodejs服务器例子

php实现微信公众平台账号自定义菜单类

快捷栏目导航

相关内容推荐

浅谈angular.js中实现双向绑定的方法$watch $digest $ap

JS更改select内option属性的方法

比较常用UML类图几种关系的小结

C#编程和Visual Studio使用技巧（下）

C#编程和Visual Studio使用技巧（上）

C#图片处理3种高级应用

JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果

C#实现任务栏通知窗口

CSS 美化表格边框为凹陷立体效果的实现方法

热门内容推荐

快捷栏目导航

相关内容推荐

找内容,搜一搜