3月23日笔记

文字排版:
hn系列
p系列
列表系列
1.阿里图库下载图标
2.将图标保存到项目的Img文件夹里
3.使用样式list-style-image:url(XX.png)引用

点击查看代码 css文件夹代码：
点击查看代码 
ul,li{
list-style-image:url(../img/足球.png);
}

html代码:

点击查看代码 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>插入图标</title>
		<link rel="stylesheet" type="text/css" href="../css/3月23日.css"/>
	</head>
	<body>
        <ul>
		    <li>足球</li>
            <li>篮球</li>
        </ul>
		
	</body>
</html>

另外的css文件：
ul,li{
01-02
list-style-type:decimal-leading-zero;
方形
list-style-type.square
}

li{
list-style-type:none;
/浮动方式：左浮动/
float: left;
width:100px;
height:50px;
background-color:#183365;
color:#fff;
text-align:C
center;
line-height:
50px;
}

posted @ 2026-03-29 13:50  createcoding  阅读(4)  评论(0)    收藏  举报