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

(编辑：jimmy 日期: 2026/8/26 浏览：3 次 )

当然，这里仅提供一种思路，你可以灵活修改使用。
<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></legend> 此边框为默认风格 </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></legend> 此边框为凹陷效果 </fieldset> </center></body> </html>
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：CSS 布局一个漂亮的滑块
下一篇：JavaScript 接收键盘指令示例