css中怎么让div感觉上是凸出来的

html-css021

css中怎么让div感觉上是凸出来的,第1张

这个简单,给DIV层加上边框阴影就可以了

给CSS加上这个box-shadow: 0px 1px 3px rgba(34, 25, 25, 0.2)就行了,你可以百度一下我的网名,我的站里用了很多这种效果,应该就是你所说的凸出来的效果。

1、做一个合适的横条图片,放到空间下,如下图

2、新建CSS样式,取好样式名。

3、在CSS规则定义下,在“Background-color”后选择刚才的图片。

4、在Background-repeat下选择“repeat”,这是说明让背景图重复平铺。

5、定义好DIV方框的宽和高。

6,看效果,符代码“background-image: url(11.fw.png)background-repeat: repeat”