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

实现的思路是对的,实现的效果也是可以的,继续加油哦~

0

0 学习 · 36712 问题

查看课程