-
box-sizing查看全部
-
box-sizing:border-box; 設置成border-box以后，你這個對象的寬度就是你設置的那個實際寬度，忽略padding值和border值查看全部
-
transition 動畫過度； 要加在hover之前，因為hover是鼠標劃過以后的變化，是最終要變成的樣子，所以： transition要定義在初始狀態(tài)下！查看全部
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>無標題文檔</title> <style type="text/css"> body ul li {margin: 0px; padding: 0px; font-size: 12px; } ul { list-style-type: none; height: 27px; width:500px;border-bottom:2px solid #21530C} li { float: left; } li a{display:inline-block;height:27px;text-decoration:none;padding:0 9px;line-height:27px;color:black; border-radius:5px 5px 0 0; transition:0.4s ease; } li a:hover{background:green;color:white;} </style> </head> <body> <ul> <li><a href="#" class="ac"><span>首頁</span></a></li> <li><a href="#"><span>最新產(chǎn)品</span></a></li> <li><a href="#"><span>內(nèi)部新聞</span></a></li> <li><a href="#"><span>聯(lián)系我們</span></a></li> </ul> </body> </html>查看全部
-
box-sizing查看全部
-
box-sizing查看全部
-
transition查看全部
-
瀏覽器兼容性查看全部
-
transform 參數(shù)查看全部
-
色彩、樣式、紋理查看全部
-
CSS3：新標簽 <transform></transform>:屬性向元素應用2D或3D轉(zhuǎn)換。該屬性允許我們對元素進行旋轉(zhuǎn)、縮放、移動或傾斜。查看全部
-
過渡效果查看全部
-
兼容問題查看全部
-
Transform參數(shù)查看全部
-
css3查看全部
舉報
0/150
提交
取消