老师帮忙看一下,谢谢!

来源: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是设置斜体、倾斜或正常字体的

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

2.右侧的导航建议使用ul布局,并且每一个li里面的文字要嵌套一个a标签表示这是一个链接。这样结构更好哦。

3.整体的背景色改为黑色更好看。

祝学习愉快 ,望采纳。

0

0 学习 · 40143 问题

查看课程