css中怎么给一个标签添加多个标签名

html-css024

css中怎么给一个标签添加多个标签名,第1张

css选择器中有多个类,css如何设置两个类名

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>希望能帮助到你。

记得采纳啊