39,118
社区成员
发帖
与我相关
我的任务
分享请发表友善的回复…
发表回复
codefan※ 2021-06-15
- 打赏
- 举报
这个如果用组件库就方便多了
√╳ 2021-05-11
- 打赏
- 举报
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
*{
margin: 0px;
border: 0px;
}
body{
background: white;
}
ol{
color: #00807a;
height: 15px;
}
li{
height: 25px;
}
/*偶数伪类选择器*/
li:nth-child(2n){
background: #dcdde1;
}
</style>
</head>
<body>
<ol>
<li>小苹果 <img src="#" alt=""></li> <!-- src放图片地址 -->
<li>后会有期 <img src="#" alt=""></li>
<li>因为爱情 <img src="#" alt=""></li>
<li>会不会 <img src="#" alt=""></li>
<li>古柏 <img src="#" alt=""></li>
</ol>
</body>
</html>
刚学，还有许多不足，望指教。
