CSS标签样式

html-css014

CSS标签样式,第1张

这样的样式通常都是两种处理方式：一个是利用背景图，一个是利用边框设置！

背景图设置：

background-image:url("")做一张渐变的背景就可以了

边框设置：

border-style:solid边框样式（实线）

border-width:0px 0px 1px 0px下边框1像素（上右下左的顺序设置）

border-color:red红色

div img{} 这样的话只有div内的img才会匹配这个样式，div本身不会的。

像这样用空格隔开的选择器表示前后包含关系，用文字来描述就是“div内的img”；

如果是用逗号隔开的比如 div,img{} 则是平行关系，用文字来描述就是“div以及img”，这样的话这个样式就会同时匹配到这两种标签上；

如果是类似这样的 div.abc 则是一种叠加的关系，即“类（class）名为abc的div”；

div#abc 则是“ID为abc的div”