老师帮忙检查下!
来源:4-6 案例应用
不努力怎能喊累
2019-02-21 21:20:17
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS和盒子模型综合练习</title>
<style type="text/css">
h3
{
height: 150px;
width: 280px;
background-color: #333333;
margin:auto;
text-align: center;
line-height: 150px;
color: #ffffff;
font-family: "宋体";
font-weight: bold;
font-size: 2em;
}
.one
{
height: 220px;
width: 235px;
background-color: #f2f2f2;
margin:auto;
padding-top: 10px;
padding-right: 20px;
padding-left: 25px;
}
.two{padding-top: 10px;padding-bottom: 10px;}
span{display: block;}
</style>
</head>
<body>
<h3>前端课程排列</h3>
<div class="one">
<div><span>HTML+CSS基础课程</span>
<span class="two">456789人在学习</span>
<hr>
</div>
<div><span>HTML+CSS基础课程</span>
<span class="two">456789人在学习</span>
<hr>
</div>
<div><span>HTML+CSS基础课程</span>
<span class="two">456789人在学习</span>
</div>
</div>
</body>
</html>
老师帮忙看下,提前照着示例图写的,算合格吗?
2回答
你好同学 ,实现的很不错的 ,建议把如下盒子背景色和文字颜色调整一下更好看 :
祝学习愉快 ,望采纳 .
Sherlock_bourne
2019-02-22
同学你好,经测试,效果一致,不错,继续加油!
相似问题