JavaWeb_CSS(19)_列表样式

版权声明:如需转载,请注明出处 https://blog.csdn.net/qq_36260974/article/details/88519968

列表样式

示例代码
<!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>

结果图:
在这里插入图片描述
如有错误,欢迎指正!

猜你喜欢

转载自blog.csdn.net/qq_36260974/article/details/88519968
今日推荐