利用content为伊特元素追加三个小点

转载于 2017-06-13 11:54:00 发布 · 69 阅读

·

0

·

0

本文通过一个具体的案例展示了如何使用CSS伪元素after来创建带有特定样式的内容。此方法可以用于网页设计中添加装饰性的图标或者文字，而无需额外的HTML标记。

案例代码：

<span class="seven"></span>
<style type="text/css">
	.seven:after{
		width: 50px;
		height: 30px;
		display: inline-block;
		background-color: #188eee;
		content: '...';
		color: #fff;
		font-size: 30px;
		letter-spacing: 5px;
		text-align: center;
		line-height: 14px;
	}
</style>

效果如下：