老师帮忙检查下!

来源: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回答

好帮手慕夭夭

2019-02-22

你好同学 ,实现的很不错的 ,建议把如下盒子背景色和文字颜色调整一下更好看 :

http://img.mukewang.com/climg/5c6f504f0001404804820235.jpg

http://img.mukewang.com/climg/5c6f50590001c48603470153.jpg

祝学习愉快 ,望采纳 .

0

Sherlock_bourne

2019-02-22

同学你好,经测试,效果一致,不错,继续加油!

0

0 学习 · 36712 问题

查看课程