HTML快报模块列表制作

最新推荐文章于 2025-11-09 09:44:06 发布

原创

最新推荐文章于 2025-11-09 09:44:06 发布 · 196 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端

效果：

html：

<body>
	<div class="box">
		<h3>古老</h3>
		<ul>
			<li><a href="#">从仓颉造字的古老传  </a></li>
			<li><a href="#">历代中国学者一直 </a></li>
			<li><a href="#">历来各家有不同主 </a></li>
			<li><a href="#">此举起到了帮助人们 </a></li>
			<li><a href="#">“上古结绳而 </a></li>
		</ul>
 
	</div>
	 
</body>

css：

<style>
		*{
			margin: 0;
			padding: 0;
		}
		.box{
			width: 250px;
			height: 165px;
			margin: 100px auto;
			border: 2px solid #595753;
		}
		 .box h3{
			 height: 30px;
			 border-bottom: 1px dotted #d8d4ca;
			 font-size: 15px;
			 font-weight: 400;
			 line-height: 30px;
			 padding-left: 15px;