今天我们讨论id选择器和一些关于div的样式。上表
：
设置元素的背景图片。背景-重复设置是否以及如何重复背景图像。默认情况下，背景图像水平和垂直重复。
Box-shadow设置元素的阴影效果(看起来更好)id设置元素的id，在HTML文档中必须是唯一的。
我们可以通过background-image设置div元素的背景图片：
iaFVL7rfia9aoxQibZVRG9YYpfbqbhed0j8wY8GOsA/0?wx_fmt=png” data-cropx1=”33.63321799307958″ data-cropx2=”2006.7820069204151″ data-cropy1=”145.74394463667818″ data-cropy2=”1371.4878892733561″ data-ratio=”0.621875″ data-s=”300,640″ src=”https://www.ztxinli.com/wp-admin/img.php?imgUrl=https://mmbiz.qpic.cn/mmbiz_jpg/RJPjCyw9LRJFnqhK4Zia4K7t1C5fKsKnic8F9UEGOEKsQxSYywQx0iaLIzhibyz7JQ6bLPbfrGq6N3K33LcgSGic67w/640?wx_fmt=jpeg” data-type=”jpeg” data-w=”1280″ style=”width: 100%;height: auto;” />
注意：background-repeat要设置成no-repeat。在设置div元素的大小时，要注意图片的大小。
同样的，我们也可以为背景设置图片。repeat-x表示背景图像将在水平方向重复。repeat-y表示背景图像将在垂直方向重复。
box-shadow用于设置元素的阴影效果，语法为：
| h-shadow | 必需。水平阴影的位置。负值表示在反向生成阴影 |
| v-shadow | 必需。垂直阴影的位置。负值表示在反向生成阴影 |
| blur | 可选。模糊距离 |
| spread | 可选。阴影的尺寸 |
| color | 可选。阴影的颜色 |
| inset | 可选。将外部阴影 (outset) 改为内部阴影 |
我们现在来看一个例子：
也可以设置成inset，会有一种按钮按下去的感觉。（太暗了看不出来）
另外，我们可以设置元素的id，并用css的id选择器来定义样式。id选择器的开头是 # 号。效果和类选择器一样。
作者：
Алексей
四五帮帮主，四五dark♂帝国元首（划掉）
喜欢HTML/CSS/JS
07年出生，福建福州人，未来的程序员
素描八级，但是还是要请美工
本来想做小程序，结果开了个公众号天天在那边写稿
wawjf
（我爱微积分）
与楼上同班同学，都是很hj的人（是的
