4-3练习,麻烦看一下 这样可以吗
来源:4-3 编程练习
qq_风尚涛_0
2017-10-31 16:24:13
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.bg{width:100%;height:4033px;background:url("http://climg.mukewang.com/59c9f7ce0001839219034033.png");}
.sidebar{width:130px;height:150px;padding:20px 20px 30px 10px;}
.left-sidebar{position:fixed;left:20px;top:50%;margin-top:-100px;background:#ff6a83;}
.right-sidebar{position:fixed;right:20px;top:50%;margin-top:-100px;background:#81c9ec;}
</style>
</head>
<body>
<div class="bg">
<div class="left-sidebar sidebar">
<h2>WEB<br>前端工程师</h2>
<hr/>
<p>职业路径</p>
</div>
<div class="right-sidebar sidebar">
<h2>JAVA<br>工程师</h2>
<hr/>
<p>职业路径</p>
</div>
</div>
</body>
</html>
1回答
樱桃小胖子
2017-10-31
实现的思路是对的,实现的效果也是可以的,继续加油哦~
相似问题