css,li前设置不同的图片，可是出来的结果前面的图片还是最开始设置的都一样

c15565983398 2022-10-26 21:05:31

<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		ul,li{padding: 0;margin: 0;}
		li{list-style: none;
		width: 150px;height: 50px;
		background:#613E72 url(icon.png)
		no-repeat 5px center;margin:10px 30px;
		padding-left:35px;
		color:white;line-height:50px;font-weight:}
	
		.one{background-color: white;
		color:#613E72  url(clock.png)
		 no-repeat 5px center;margin:10px 30px;}
		.six{background-color: white;
		color: #613E72 url(back.png) 
		no-repeat 5px center;margin:10px 30px;}
		li:hover{background-color: yellow;}
		ul{width: 250px;border: solid 5px #613E72;}
		a:link,a:visited{color: black;text-decoration: none;}
		a:hover{background-color: yellow;text-decoration-skip: underline;}
	</style>
	</head>
	<body>
		<ul>
			<li class="one">7月30日0：00开团</li>
			<li>新品团</li>
			<li>尝鲜团</li>
			<li>秒杀团</li>
			<li>清仓团</li>
			<a href="01"><li class="six">返回顶部</li></a>
		</ul>
		<hr/>
	</body>
</html>

...全文

2456 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

陈树熊 2022-11-06

打赏
举报


<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
    <title></title>
    <style type="text/css">
        li,ul{margin:0;padding:0;}
        li{margin:10px 30px;padding-left:35px;width:150px;height:50px;background:#613e72 url(icon.png) no-repeat 5px center;color:#fff;list-style:none;line-height:50px;}
        body .one{margin:10px 30px;background:#613e72 url(clock.png) no-repeat 5px center;}
        body .six{margin:10px 30px;background:#613e72 url(back.png) no-repeat 5px center;}
        li:hover{background-color:#ff0;}
        ul{width:250px;border:solid 5px #613e72;}
        a:link,a:visited{color:#000;text-decoration:none;}
        a:hover{background-color:#ff0;text-decoration-skip:underline;}
    </style>
    </head>
    <body>
        <ul>
            <li class="one">7月30日0：00开团</li>
            <li>新品团</li>
            <li>尝鲜团</li>
            <li>秒杀团</li>
            <li>清仓团</li>
            <a href="01"><li class="six">返回顶部</li></a>
        </ul>
        <hr/>
    </body>
</html>