css设置边框 | css设置边框阴影效果

css设置边框阴影效果

CSS可以设置文本样式的属性

1、文本缩进：text-indent

2、文本对齐：text-align

3、字间隔：word-spacing

4、字母间隔：letter-spacing

5、字母转换：text-transform

6、文本装饰：text-decoration

7、处理空白符：white-space

8、文本方向：decoration

9、文本颜色：color

10、背景颜色：background-color

11、文本阴影：text-shadow

还有一些属性，不是很常用，就没有列举了，但是不能设置的就不太了解了

css怎么给边框加阴影

1、首先新建一个html文件，输入基本的内容，这里设置一个div，并把它的class设置为demo，用浏览器打开看看默认的效果：

2、设置div的样式，这里给div300px的宽度。用border-bottom属性，设置底框为3像素，用实线框，颜色偏红色，设置完成后保存查看效果：

3、继续对边框美化，用box-shadow属性加入阴影效果，4个数值分别为垂直阴影，水平阴影，阴影尺寸，阴影颜色；设置阴影圆角为4em，最后按下crtl+s保存，在左边的浏览器就可以看见边框新的效果了：

css3边框阴影效果

首先新建一个html文件，输入基本的内容，这里设置一个div，并把它的class设置为demo，用浏览器打开看看默认的效果：

2、设置div的样式，这里给div300px的宽度。用border-bottom属性，设置底框为3像素，用实线框，颜色偏红色，设置完成后保存查看效果：

css设置下边框边框阴影

可以用css3的box-shadow属性。举个例子table{box-shadow: 10px 10px 5px #888888; // (水平阴影的位置垂直阴影的位置模糊距离阴影的颜色)}注意兼容性~他还可以进行叠加，产出更加惊艳的效果~~

css设置边框阴影效果图

谢邀楼上很详细，hover可以添加阴影，如果要换图片就切换背景图片的路径，或者两个dom，隐藏一个显示另一个，当然，用js也可以

css边框加阴影

圆角边框：border-radius: 8px（8px代表的是圆角弧度，可以根据自己的需要调整，需要注意的是这个属性的兼容性，在IE8以下的浏览器是不兼容的，也就是说，没效果）;

阴影：box-shadow:x y z color(比如：box-shadow: 0px 0 13px rgba(100,100,100,.7); x代表的是水平方向的偏移，y代表的是纵向偏移，z代表的是扩散，color就是阴影颜色了，表现方式有2种，1.就是#ccc[十六进制];2.rgba[或者rgb]

);

这两个样式都是css3样式，所以在低版本的IE上面都是不兼容的。