JavaWeb_CSS（19）_列表样式

最新推荐文章于 2024-07-16 18:23:56 发布

魏宇轩

最新推荐文章于 2024-07-16 18:23:56 发布

阅读量514

点赞数

分类专栏： CSS（更新完）文章标签： JavaWeb CSS 列表样式

本文链接：https://blog.csdn.net/qq_36260974/article/details/88519968

版权

CSS（更新完）专栏收录该内容

21 篇文章 3 订阅

订阅专栏

本系列博客汇总在这里：JavaWeb_CSS 汇总

示例

<!DOCTYPE html>
<html>
	<head>	
		<meta charset="UTF-8">
		<title>www.weiyuxuan.com</title>		
	</head>	
	<style type="text/css">
		body
		{
			background-color: activecaption;
			font-family: 黑体;
			font-size: 15px;
		}		
		ul
		{
			list-style-type: none;/*去掉li前面的点*/
		}
		li
		{
			margin-bottom: 10px;
			background: url(wyx.ico) no-repeat;
			padding-left: 50px;
			padding-top:5px;
			height: 30px;
		}
	</style>	
	<body>
		<h1> 列表样式 </h1>
		<hr/>
		<ul>
			<li>三国</li>
			<li>水浒</li>
			<li>红楼梦</li>
			<li>西游记</li>
		</ul>		
	</body>	
</html>