p:before{ content: "|"; padding-right: 5px; }
其中,:before
是CSS的一个伪元素选择器,它表示在选中的元素之前插入生成的内容。大家将其用于p
标签,就可以在每个段落之前添加一个竖杠。
接下来的一行代码:content: "|";
表示生成的内容为一个竖杠,其宽度和字体大小会自动适应。如果你希望竖杠更加明显,可以通过修改字体大小或者竖杠的宽度来实现。
最后一个代码:padding-right: 5px;
表示在竖杠与文字之间添加5像素的右内边距,以让文字与竖杠之间有足够的间隔。
通过上述代码,大家就可以轻松地在任何段落前面添加竖杠了。这种效果可以用于提高段落的可读性,也可以用于标记特定的文字,突出其重点。