-
菜單<li>浮動后，<li>脫離文檔流，導(dǎo)致<ul>將失去高度和寬度；
如果需要對<ul>進(jìn)行整體背景設(shè)置，首先要給<ul>定義寬、高。
查看全部 -
5-1伸縮菜單的制作查看全部
-
1.offsetWidth屬性可以返回對象的padding+border+width屬性值之和，style.width返回值就是定義的width屬性值。 2.offsetWidth屬性僅是可讀屬性，而style.width是可讀寫的。 3.offsetWidth屬性返回值是整數(shù)，而style.width的返回值是字符串。 4.style.width僅能返回以style方式定義的內(nèi)部樣式表的width屬性值。查看全部
-
1.如果要給水平菜單增加整體背景，需要對（）進(jìn)行哪些CSS設(shè)置？查看全部
-
jq部分： $(function(){ $("a").hover(function(){ $(this).stop().animate({"width":"160px"},200); },function(){ $(this).stop().animate({"width":"120px"},200); }) })查看全部
-
js實現(xiàn)簡單動畫查看全部
-
height與line-height設(shè)置成一樣，文字就會垂直居中 鼠標(biāo)經(jīng)過時高度比其他菜單高的效果：margin-top:-10px;查看全部
-
backgroud-position中的像素值x y，其參照原點是標(biāo)簽的左上角，x為正值向原點右移相應(yīng)像素單位，y為正值則向下移.查看全部
-
li { float:left } 增加可以縱向改為橫向 ul { list-style：none； width：100px } 后面的width需要刪除 縮進(jìn)刪除 text-align：center 文本對齊方式（居中）查看全部
-
基本的樣式清除： *{margin:0;padding:0} 無序列表圓點去除： ul{list-style:none} 下劃線去除： a{text-decoration:none} 文本縮進(jìn)標(biāo)簽 text-indent 不會影響總體寬度（padding會） 需要將a標(biāo)簽設(shè)置為塊元素，才能設(shè)高寬、hover效果 代碼：a{display:block} hover格式 a:hover{}查看全部
-
水平導(dǎo)航需要設(shè)置float屬性 基本清除樣式：*{margin:0;padding:0;} 無序列表圓點清除：ul{list-style:none;} 文字下劃線去除：a{text-decoration:none;} 文本縮進(jìn)標(biāo)簽 text-indent 不會影響總體寬度（padding會） 需要將a標(biāo)簽設(shè)置為塊元素，才能設(shè)高寬、hover效果 代碼：a{display:block} hover格式 a:hover{}查看全部
-
1.有序列表 ol/li 有start屬性, 最大序號為999 顯示方式是列表前面有序號（序號形式由type屬性值決定) 2.無序列表 ul/li 無start屬性 顯示方式是列表前面沒序號,只有圓點（圓點樣式由type屬性值決定）查看全部
-
基本的樣式清除：.body{margin:0;padding:0} 無序列表圓點去除： ul{list-style:none} 下劃線去除： a{text-decoration:none} a標(biāo)簽是最內(nèi)部的元素 變成塊：dispay:block 對li的設(shè)置寫入a中 對塊元素進(jìn)行設(shè)置hover a:hover{...}查看全部
-
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{margin: 0; padding:0;font-size: 14px} ul{list-style:none;width: 100px} a{text-decoration:none;display:block;height:30px;line-height:30px;background-color: grey;margin-bottom:1px;text-align:center; } a:hover{background:red;color:#fff;} </style> </head> <body> <ul> <li><a href="#">首 頁</a></li> <li><a href="#">新聞快訊</a></li> <li><a href="#">產(chǎn)品展示</a></li> <li><a href="#">售后服務(wù)</a></li> <li><a href="#">聯(lián)系我們</a></li> </ul> </body> </html>查看全部
-
圓角貼圖水平菜單 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>首頁</title> <style> /*list style 表單樣式 text-decoration 文本修飾 disply：block 使a標(biāo)簽成為塊級元素 margin-bottom：設(shè)置 p 元素的下外邊距 text-indent：文本縮進(jìn)值*/ *{margin: 0;padding: 0;font-size: 14px;} ul{list-style: none;height: 50px;padding-left:30px;border-bottom: 5px solid #F60} li{float: left;margin-top: 20px} a{text-decoration: none;display: block;height: 30px;line-height: 30px;width: 120px;background-color: antiquewhite;margin-bottom: 1px;text-align: center; background: url("images/1.png")} .on,a:hover{color: azure;background-position: 0 -30px} </style> </head> <body> <ul> <li><a class="on" href="#">首頁</a></li> <li><a href="#">新聞快訊</a></li> <li><a href="#">企業(yè)展示</a></li> <li><a href="#">聯(lián)系我們</a></li> </ul> </body> </html>查看全部
舉報
0/150
提交
取消