利用伪元素after在列表项下面添加一条边框

最新推荐文章于 2024-06-10 22:18:41 发布

nanfengnan?

最新推荐文章于 2024-06-10 22:18:41 发布

阅读量75

点赞数

本文链接：https://blog.csdn.net/qq_44658941/article/details/133036923

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
	ul{
		width: 200px;
		margin: 0 auto;
	}
	ul li{
		width: 200px;
		height: 50px;
		line-height: 50px;
		text-align: center;
	}
	ul li::after{
		content: "";  //注意这种用法
		display: block; //before和after伪元素默认是行级元素
		border-bottom: 1px solid red;
	}
</style>
</head>
<body>
	<ul>
		<li>我要自学网1</li>
		<li>我要自学网2</li>
		<li>我要自学网3</li>
		<li>我要自学网4</li>
		<li>我要自学网5</li>
	</ul>
	
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

nanfengnan?

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
利用伪元素after在列表项下面添加一条边框

<!DOCTYPE html><html><head><meta charset="utf-8"><style type="text/css"> ul{ width: 200px; margin: 0 auto; } ul li{ width: 200px; height: 50px; line-he...
复制链接

扫一扫