老师帮忙看一下,谢谢!
来源:2-4 编程练习
慕九州4495990
2019-05-27 21:41:02
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*此处写代码*/
*{
margin:0px;
padding: 0px;
}
.container{width: 1100px;
height: 100px;
background: #333;
position: absolute;
left: 50%;
top: 50%;
margin-top: -50px;
margin-left: -550px;
}
.one img{
display: block;
}
.two{
width: 700px;
height: 100px;
position: absolute;
left: 400px;
top:0px;
font-size: 25px;
font-style: bold;
font-family: "微软雅黑"
}
span{
color: #fff;
line-height: 100px;
text-align: center;;
padding-left: 50px;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="container">
<div class="one">
<img src="http://climg.mukewang.com/58c0d2d900016ce303000100.png">
</div>
<div class="two">
<span>课程</span>
<span>职业路径</span>
<span>实战</span>
<span>猿问</span>
<span>手记</span>
</div>
</div>
</body>
</html>1回答
好帮手慕夭夭
2019-05-28
你好同学,代码的问题与建议如下:
1.如下属性是无效的,如果是设置字体加粗,应该使用 font-weight: bold。font-style是设置斜体、倾斜或正常字体的

2.右侧的导航建议使用ul布局,并且每一个li里面的文字要嵌套一个a标签表示这是一个链接。这样结构更好哦。
3.整体的背景色改为黑色更好看。
祝学习愉快 ,望采纳。
相似问题
回答 1
回答 2
回答 1
回答 1
回答 2