今天我们讲的是id选择器和一部分关于div的样式。先上表:
background-image | 设置元素的背景图片 |
background-repeat | 设置是否及如何重复背景图像。背景图像默认在水平和垂直方向上重复。 |
box-shadow | 设置元素的阴影效果(比较好看) |
id | 设置元素的id,id在HTML文档中必须是唯一的。 |
我们可以通过background-image来设置div元素的背景图片:
注意: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的人(是的)
喜欢研究理科类东西
08年出生,福建福州人,未来的█████
自学微积分,低调低调
关注四五工作室,从零开始学H5