如何在锚标记内写:: before / :: after

时间：2016-10-03 09:24:33

标签： html css

如何在这样的锚标记之前编写::。

enter image description here

3 个答案:

答案 0 :(得分：4)

您在此处看到的是 CSS伪元素。

::before伪元素可用于在元素内容之前插入一些内容。例如 - 以下代码将在每个段落之前插入This comes before...。

p::before {
    content: "This comes before...";
}

有关CSS伪元素的更多信息，请参阅this链接。

答案 1 :(得分：1)

在CSS2中使用，::before选择器在每个选定元素的内容之前插入一些内容。

使用content属性指定要插入的内容。

还有::after哪个选择器用于在内容之后插入内容。

CSS 

<style>
    p::before { 
    content: "User Name";
    background-color: yellow;
    color: red;
    font-weight: bold;
}
</style>



<body>

<p>Karthik N </p>
<p>Sachith MW </p>

</body>

输出将显示如下：）

enter image description here

答案 2 :(得分：0)

::after和::before被称为psuedo elements。

:: after和:: before允许您使用content属性向元素添加一些内容。

示例

＆＃13;
＆＃13; 
a::before {
  content: " Before content";
  margin-right: 10px;
}
a::after {
  content: "After content";
  margin-left: 10px;
}
＆＃13; 
<a href="#">Click Here </a>
＆＃13;
＆＃13;
＆＃13;

相关问题
最新问题