<!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>
div{
line-height: 30px;
}
#cl{
margin-right: 20px;
font:normal bold 20px sans-serif;
}
#lv{
margin-left: 50px;
color: rgba(128, 128, 128, 0.329);
font:normal 18px sans-serif;
}
#pp{
margin-top: 20px;
}
#pp span{
color: red;
background-color: rgba(197, 138, 138, 0.651);
margin-right: 10px;
display: inline-block;
width: 50px;
height: 25px;
text-align: center;
line-height: 25px;
margin-bottom: 6px;
}
a{
color: rgb(151, 140, 140);
text-decoration: none;
font:normal 16px sans-serif;
}
</style>
</head>
<body>
<div id="cs">
<div>
<span id="cl">京东快报 </span>
<span id="lv">更多></span>
</div>
<div id="pp">
<div><span>推荐</span><a href="#">过年买糖不纠结,...</a></div>
<div><span>热门</span><a href="#">海信E3F和海信E3F...</a> </div>
<div><span>最新</span><a href="#">格兰仕微蒸烤一体...</a></div>
<div><span>热议</span><a href="#">UWANT清洁机和扫</a></div>
</div>
</body>
</html>
选择器的混合使用练习
最新推荐文章于 2023-11-25 13:10:43 发布