css怎么实现边框3D凹凸感觉(求大佬给个实现方向吧~~)

html-css016

css怎么实现边框3D凹凸感觉(求大佬给个实现方向吧~~),第1张

border-style 可以使用 

groove    定义 3D 凹槽边框。其效果取决于 border-color 的值。  

ridge    定义 3D 垄状边框。其效果取决于 border-color 的值。  

inset    定义 3D inset 边框。其效果取决于 border-color 的值。  

outset    定义 3D outset 边框。其效果取决于 border-color 的值。 

来实现一个3D边框效果

具体方法可以参考 border-style | 菜鸟教程

〈Table border=0 id=tb1 style="border:3px solid red"〉

〈tr〉〈td〉用样式表(CSS)定制表格的例子〈/td〉〈/tr〉

〈/Table〉

32,Q:闪亮的表格边框:

A:

制做闪亮的表格边框!

<!-- 这段脚本放在表格的后面

function flashit()

{

if (!document.all) return

if (tb1.style.borderColor=="green")

tb1.style.borderColor="red"

else

tb1.style.borderColor="green"

}

setInterval("flashit()", 400)

//-->

你好,可以通过设置边沿颜色实现:border-bottom: solid 1.5px #333

说明:可以改变bottom表示向下,1.5px 表示他的大小,#333 是颜色,我这里设置是黑色,你可以设置你想要的。设置right,top , left , bottom表示他所在的方向。