index.html
<!DOCTYPE html>
<html lang="en"><head><!--系统内置 start--><script type="text/javascript"></script><!--系统内置 end--><meta charset="UTF-8"><title>练习</title><!-- 不要忘记引入index.css --><link rel="stylesheet" href="index.css">
</head><body><div class="computer"></div><ul><li class="title">小米笔记本Pro 15.6</li><li class="price">5599元起</li></ul>
</body></html>index.css
* {margin: 0;padding: 0;
}
.computer{width: 126px;
height: 86px;
background:url(./images/image1.png);
margin-bottom:15px;
}
ul{list-style:none;
}
.title{font-size: 12px;
line-height: 17px;
color: #000000;
text-align:center;
margin-bottom:6px;
}
.price{font-size: 12px;
line-height: 17px;
color: #FD6821;
text-align:center;
}运行结果
