JavaScript201708/WEEK3/DAY2/3-boxModel.html at master · code-brewer/JavaScript201708 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>盒子模型</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .box {
            margin: 50px;
            padding: 50px;
            width: 300px;
            height: 300px;
            border: 10px solid red;
            font-size: 18px;
            line-height: 30px;
            overflow: hidden;

            /*opacity: 0.5;*/
            /*filter: alpha(opacity=50); !*IE6~8*!*/
        }
    </style>
</head>
<body>
<div class="box" id="box">
    夫君子之行，静以修身，俭以养德，非淡泊无以明志，非宁静无以致远。夫学须静也，才须学也，非学无以广才，非志无以成学。淫漫则不能励志，险躁则不能冶性。年与时驰，意与日去，遂成枯落，多不接世，悲守穷庐，将复何及。
    夫君子之行，静以修身，俭以养德，非淡泊无以明志，非宁静无以致远。夫学须静也，才须学也，非学无以广才，非志无以成学。淫漫则不能励志，险躁则不能冶性。年与时驰，意与日去，遂成枯落，多不接世，悲守穷庐，将复何及。
</div>

<script src="js/3-2.js"></script>
</body>
</html>