1、css选择器中有多个类,css如何设置两个类名? css设置两个类名很简单,需要两个步骤: 一,样式表css定义两个类如下: .FontRed{color:red} .FontSize{font-size:250%} 二,body内引用 <p
第一步:我们需要准备一个图像作为一个例子,我想在深色背景的背景上放置白色文字。
第二步:将图像和字母放在一个div元素中
将图像和字母放在一个div标签中。在示例中,将文字“万里长城”放在p标记中。当然您可以使用标题标签而不是p标签,也可以使用span标签。
1
2
3
4
<div class = "example" >
<img src="image/greatwall.jpg">
<p>万里长城</p>
</div>
第三步:指定position属性
为每个元素设置css的position属性。
对作为父元素的div指定为position:relative,以及对包含该字符串的p标签设置为absolute。img标签不动。
把p标签的位置设置为top:0left:0。
为了把图像放在横向上,请指定为img标签的宽度为width : 100%。
1
2
3
4
5
6
7
8
9
10
11
12
.example{/*父元素div*/
position: relative/*相対定位*/
}
.example p {
position: absolute/*绝対定位*/
color: white/*文字设为白色*/
top: 0
left: 0
}
.example img {
width: 100%
}
<style>body{color:#000000} 默认无链接文本是黑色。 a{color:red} 有链接为红色。 .a{color:#000CFF} class为 a 的标签为蓝色。 </style><a href="###">china</a><a href="###" class="a">usa</a>希望能帮助到你。记得采纳啊