style type="text/css" .topright { font:normal 14px/25px '宋體'} .topright ul { list-style-type:none; padding:0px; margin:0px;} .topright ul li { float:left; margin:0 5px;} .topright ul li a { display:block; text-decoration:none;} .topright ul li a:link { display:block; text-decoration:none;} .topright ul li a:visited { display:block; text-decoration:none;} .topright ul li a:hover { display:block; text-decoration:underline;} /style div class="topright" ul lia href="#"個(gè)人博客/a/li li class="menuDiv"/li lia href="#"收藏本頁/a/li li class="menuDiv"/li lia href="#"設(shè)面首頁/a/li li class="menuDiv"/li /ul /div
我們提供的服務(wù)有:成都網(wǎng)站制作、做網(wǎng)站、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、柘榮ssl等。為數(shù)千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的柘榮網(wǎng)站制作公司
采納哦
雖然沒有圖,但我想你要的效果應(yīng)該是這樣,運(yùn)行一下代碼吧:
html
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
titleexample/title
style type="text/css"
!--
body{ font-size:12px; text-align:center;}
.page{ margin:0 auto; width:1000px;}
.div1{ background:#bbb; height:100px; width:100%;}
.div2{ background:#ddd; height:100px; width:100%;}
.div3{ background:#ccc; float:left; height:500px; width:100px;}
.div4{ background:#eee; float:left; height:500px; width:900px;}
--
/style
/head
body
div class="page"
div class="div1"div1/div
div class="div2"div2/div
div class="div3"div3/div
div class="div4"div4/div
/div
/body
/html
id選擇器。
id選擇器是根據(jù)指定的id名稱找到對(duì)應(yīng)的標(biāo)簽,然后設(shè)置屬性。在企業(yè)開發(fā)中一般情況下如果僅僅是為了設(shè)置樣式,我們不會(huì)使用id,為什么?因?yàn)樵谇岸碎_發(fā)中id是留給js使用的。
.topright ul li { text-align:center;}如果導(dǎo)航高度18px;一般情況下應(yīng)該設(shè)置:line-height:18px;/*垂直居中*/
可以用CSS動(dòng)畫 將包含橫幅的div設(shè)置overflow:hidden
然后橫幅在其中 改變定位的left值
這個(gè)可以這樣實(shí)現(xiàn)
例如
HTML:
div id=headerimg src="圖片路徑" alt="圖片描述" //div
CSS:
#header{
background:url(圖片路徑) no-repeat[顯示一次] [left/right/top/bottom];
}
這樣設(shè)置就可以了,你想移動(dòng)圖片和背景圖片都可以的!