提交作业
来源：4-3 编程练习
戴JAVA老师的小迷弟
2020-06-22 23:39:09
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div{
text-align: center;
background-color: #eee;
height: 150px;
font-size: 200%;
line-height: 150px;
}
.css{
font-size:200%;
}
.word{
color: red;
text-decoration-line: underline;
text-transform: capitalize;
}
</style>
</head>
<body>
<div>
<img src="http://img1.sycdn.imooc.com\/climg/59c21bae000157fa01000059.jpg
"><span class="css">CSS层叠样式表</span><span class="word">cascading style sheets</span>
</div>
</body>
</html>
1回答
-
同学你好，文字默认是底部对齐，没有实现居中对齐的效果。
根据要求，图片和文字都需要设置居中对齐，如下：
另外，行高需要是当前字体的5倍，建议使用em设置。如下：
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题