色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css怎么把幾個(gè)標(biāo)簽

CSS
在HTML中，我們通常使用p標(biāo)簽來(lái)表示文章中的一段段落，而pre標(biāo)簽用來(lái)顯示代碼。但如果我們有一個(gè)包含文章文字和代碼的頁(yè)面，怎么樣才能讓兩者的標(biāo)簽分開(kāi)呢？
很簡(jiǎn)單，我們只需要使用CSS來(lái)控制即可。具體實(shí)現(xiàn)方法如下：
首先，我們需要給文章文字和代碼分別加一個(gè)容器。比如我們可以給文章文字加一個(gè)class為text的容器，給代碼加一個(gè)class為code的容器。

<div class="text">
<p>我是文章的第一段。</p>
<p>我是文章的第二段。</p>
<p>我是文章的第三段。</p>
</div>
<div class="code">
<pre>

var name = "小明";
console.log("我叫"+name);


接下來(lái)，我們就可以利用CSS中的偽元素來(lái)給容器中的文字和代碼加上不同的標(biāo)簽了。我們可以使用:before和:after來(lái)控制，如下所示。
.text p:before {
content:"|";
color:#aaa;
margin-right:10px;
}
.code pre:before {
content:"代碼：";
color: #333;
font-weight: bold;
font-size: 14px;
}

上面的代碼意思是，給text容器中的p標(biāo)簽前面加上一豎杠（|），并添加一些樣式；而給code容器中的pre標(biāo)簽前面添加文字“代碼：”，并添加一些樣式。
如此，我們就實(shí)現(xiàn)了文章文字和代碼分別使用p標(biāo)簽和pre標(biāo)簽的效果。這樣就可以讓文章更加清晰明了，同時(shí)又不影響代碼的展示。