列表样式

在 CSS 中，可以通过样式来自定义列表的外观，包括有序列表（<ol>）、无序列表（<ul>）和定义列表（<dl>）。

笔记内容

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>列表样式</title>
		<style>
			ul{
				/* 更多列表标记项：https://www.runoob.com/try/try.php?filename=trycss_list-style-type_all */
				/* 设置列表前标记符号的样式：
					none：无标记符号，
					disc：实心圆（默认的）
					circle：空心圆
					square：实心正方形
					decimal：数字
					upper-roman：大写罗马字母
					lower-alpha：小写字母
				*/
				list-style-type: disc;
				list-style-image: url("logo.png");	/* 用图像作为列表前的标记符号 */
				list-style-position: inside;	    /* 设置列表标记项的位置，inside/outside */
				
				list-style: square url("logo.png");	/* 一次性设置 */
				list-style: none;	                /* 不显示标记符号 */
			}
		</style>
	</head>
	<body>
		<ul>
			<li><a href=""></a></li>
			<li><a href=""></a></li>
			<li><a href=""></a></li>
		</ul>
	</body>
</html>

Bjb Code

列表样式

笔记内容