伪元素::before和::after

hxy 2020-03-10 PM 106℃ 0条 访问: 107 次

::before 选择器在被选元素的内容前面插入内容。

请使用 content 属性来指定要插入的内容。
在每个 <p> 元素前面插入内容,并设置所插入内容的样式:

p:before
{ 
content:"台词:-";
background-color:yellow;
color:red;
font-weight:bold;
}

::after 选择器在被选元素的内容后面插入内容。

请使用 content 属性来指定要插入的内容。
在每个 <p> 元素后面插入内容,并设置所插入内容的样式:

p:after
{ 
content:"台词:-";
background-color:yellow;
color:red;
font-weight:bold;
}

::before和::after都必须要content属性,可以为空,否则不生效。

input不可以使用此元素,button可以 ,但需要再外面套一层div。

标签: none

非特殊说明,本博所有文章均为博主原创。

评论啦~