opacity:不透明度
賦值：opacity:0.5;
取值：在0-1之間的小數。
這個屬性ie6不支持，如果要在ie6中設置透明，要用：
filter: Alpha(opacity=50);
margin: 0 auto;
作用：讓容器水平居中。
作用：如果不設置其它屬性只設置這個屬性，那么瀏覽器在解析的時候會將一個盒子的所有的默認的margin全部給margin-right
如果margin-left設置為負數，那么將來這個盒子會向左方向移動。
如果margin-right設置為負數，那么盒子會向右移動。
特點：左右兩邊的內容保持不變，中間的內容可以根據屏幕的大小的改變而改變。
名稱：雙飛翼布局。
代碼：
1 <!DOCTYPEhtml>
2 <htmllang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>Document</title>
6 <style>
7 .content{
8 padding: 0 200px;
9 height: 200px;
10 min-width: 200px;
11 }
12 .left{
13 width: 200px;
14 height: 200px;
15 background: red;
16 float: left;
17 margin-left: -200px;
18 }
19 .right{
20 width: 200px;
21 height: 200px;
22 background: yellow;
23 float: right;
24 margin-right: -200px;
25 }
26 .center{
27 width: 100%;
28 min-width: 200px;
29 height: 200px;
30 background: green;
31 float: left;
32 }
33 </style>
34 </head>
35 <body>
36 <div class="content">
37 <divclass="left"></div>
38 <divclass="center"></div>
39 <divclass="right"></div>
40 </div>
41 </body>
42 </html>
用三張圖片完成
用兩張圖片完
用一張圖片完成
新聞熱點
疑難解答
