.tl {
width: 240px;
height: 193px;
position: absolute;/*這裏壹定要設置*/
z-index: 999999;/*這裏是該元素與顯示屏的距離,據說越大越好,因為沒有它也是可以的*/
margin-top: 20%;
margin-left: -209px;
background-image :url("/ship_three/images/tl.png");
-webkit-transition: .5s ease-in-out;/* css的transition允許css的屬性值在壹定的時間內從壹個狀態平滑的過渡到另壹個狀態 */
-moz-transition: .5s ease-in-out;/*這裏為了兼容其他瀏覽器*/
-o-transition: .5s ease-in-out;
background-image: url("/ship_three/images/tl.png");
}
可以,沒問題CSS代碼就是上面的。
擴展資料:
div中style使用css代碼?
div中可以直接寫CSS樣式代碼,只需要DIV代碼(標簽)中使用style屬性即可直接寫CSS樣式。
DIV代碼:
<div?style="color:#F00;border:1px?solid?#000;width:300px;height:100px">妳好?DIVCSS5</div>?
完整案例代碼與效果截圖:
完整HTML案例代碼
<!DOCTYPE?html>?
<html>?
<head>?
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>?
<title>DIV直接寫CSS?DIVCSS5案例</title>?
</head>?
<body>?
<div?style="color:#F00;border:1px?solid?#000;width:300px;height:100px">妳好?DIVCSS5</div>?
</body>?
</html>?
div標簽內常用屬性列表
1、style 設置css樣式(擴展了解style標簽)
2、align 設置div盒子內的內容居中、居左、居右
3、id?引人外部對應#(井號)選擇符號樣式
4、class?引人外部對應.(句號)選擇符號樣式
5、title 設置div(標題)鼠標經過時顯示文字(擴展了解?title標簽)
DIV-百度百科