*{
margin: 0;
padding: 0;
}
body{
background-color: #D5D5D5;
}
.box{
background-color: white;
width: 230px;
margin: 10px;
}
.box h2{
background-color: black;
color: white;
font-size: 16px;
}
.box dl dt{
height: 30px;
line-height: 30px;
list-style: none;
font-weight: bold;
font-size: 14px;
padding-left: 26px;
}
.box dl dd{
background-color: #FFFFFF;
padding-left: 24px;
line-height: 20px;
border-bottom: 1px dashed black;
}
.box dl dd:last-of-type{
border: 0;
}
.box dl dd a{
text-decoration:none;
color: #737373;
text-indent:2em;
font-size: 12px;
}
.box dl dt:nth-of-type(1){
background-image: url(img/icon_01.gif);
background-repeat: no-repeat;
}
.box dl dt:nth-of-type(2){
background-image: url(img/icon_02.gif);
background-repeat: no-repeat;
}
.box dl dt:nth-of-type(3){
background-image: url(img/icon_03.gif);
background-repeat: no-repeat;
}
.box dl dt:nth-of-type(4){
background-image: url(img/icon_04.gif);
background-repeat: no-repeat;
}
.box dl dt:nth-of-type(5){
background-image: url(img/icon_05.gif);
background-repeat: no-repeat;
}
.box dl dt:nth-of-type(6){
background-image: url(img/icon_06.gif);
background-repeat: no-repeat;
}
.box dl dt:nth-of-type(7){
background-image: url(img/icon_07.gif);
background-repeat: no-repeat;
}
.box dl dt:nth-of-type(8){
background-image: url(img/icon_08.gif);
background-repeat: no-repeat;
}
.box dl dt:nth-of-type(9){
background-image: url(img/icon_09.gif);
background-repeat: no-repeat;
}
全部分类
-
护肤
- 彩妆
- 香氛
- 身体护理
- 礼盒套装
- 美容工具
- 母婴专区
- 男士专区
- 食品保健
一键复制
编辑
Web IDE
原始数据
按行查看
历史