分享人：陳孚楠
div覆蓋：絕對定位與相對定位
image.png
image.png
涉及兩個div層，一個div里放了個“vedio”標簽(下稱div1)叹放，另一個div用來作覆蓋(下稱div2)。
.div1{
position: absolute;
}
.coverDiv1 {
position: relative;
top: 715px;
left: 1145px;
width: 60px;
height: 50px;
background-color: white;
}
Absolute：絕對的 類似與物理中的參照物
Relative：相對的
Top沼沈，left 都是相對的偏移（相對與參照物）
當然我們也可以使用絕對定位单绑，即絕對于屏幕。
.xxx{
position:fixed;
top:100px;
left:1500px;
}
顧名思義
fixed：固定侯嘀。默認位置為屏幕左上角
top另凌，left 同上為相對偏移（相對與屏幕左上角）
div基本樣式
border: 1px solid #f0000;對應為邊框線的寬度谱轨，樣式（實線，虛線等）吠谢，顏色
-webkit-transform: rotate(-15deg); div傾斜 數(shù)字表示角度土童。
border-radius: 15px; 圓邊角
image.png
-moz-box-shadow: 2px2px10px#FF3333;
-webkit-box-shadow: 2px 2px 10px #FF3333;
box-shadow: 2px 2px 10px #FF3333; 實現(xiàn)透明陰影效果
image.png
Div并排顯示： display:inline;或者用float 或者用上面的定位的方法。
