【文章內(nèi)容簡(jiǎn)介】 v id=toptop/divdiv id=maindiv id=leftleft/divdiv id=conterconter/divdiv id=rightright/div/divdiv id=bottombottom/div/body{clear：both；}效果如下：用相對(duì)定位做圓角四角定位：.main{ width:510px。 height:50px。 position:relative。 }.main .center{ width:510px。 height:50px。 background:url() repeatx。}.main .tl, .main .tr, .main .bl, .main .br{ width:5px。 height:5px。 background:url() norepeat。 position:absolute。 overflow:hidden。}.main .tl{top:0。left:0。backgroundposition:0 0。 }.main .tr{ top:0。right:0。 backgroundposition:0 5px。}.main .bl{ bottom:0。left:0。 backgroundposition:0 10px。}.main .br{ bottom:0。 right:0。 backgroundposition:0 15px。}/style/headbodydiv class=maindiv class=tl/divdiv class=tr/divdiv class=center/divdiv class=bl/divdiv class=br/div/div/body相對(duì)定位絕對(duì)定位：.s{ width:370px。 height:430px。 position:relative。 border:2px solid C6F。 backgroundcolor:CFF。}.s1{ position:absolute。top:0。right:0。 //說(shuō)明在右上角 也可設(shè)置數(shù)字 使之在相對(duì)位置的某個(gè)位置。 }/style/headbodybr /br /amp。nbsp。div class=simg src=../images/ width=365 height=421 /div class=s1img src=../images/ width=82 height=36 //div/div兩角圓角：注意兩角在一個(gè)圖片中：.main{ width:516px。 height:100px。 }.main .le{ width:8px。 height:100px。 background:url() norepeat 0 0。 float:left。}.main .center{ width:500px。 height:40px。 background:url() repeatx。 float:left。 padding:30px 0。 }.main .ri{ width:8px。 height:100px。 background:url() norepeat 0 100px。 float:left。}bodydiv class=maindiv class=le/divdiv class=center公司簡(jiǎn)介/divdiv class=ri/div/div相對(duì)位置四角圓角：.main{ width:510px。 height:50px。 position:relative。 }.main .center{ width:510px。 height:50px。 background:url() repeatx。}.main .tl, .main .tr, .main .bl, .main .br{ width:5px。 height:5px。 background:url() norepeat。 position:absolute。 overflow:hidden。 //隱藏在5*5區(qū)域外的內(nèi)容}.main .tl{top:0。left:0。backgroundposition:0 0。 }.main .tr{ top:0。right:0。 backgroundposition:0 5px。}.main .bl{ bottom:0。left:0。 backgroundposition:0 10px。}.main .br{ bottom:0。 right:0。 backgroundposition:0 15px。}/style/headbodydiv class=maindiv class=tl/divdiv class=tr/divdiv class=center/divdiv class=bl/divdiv class=br/div/div8月9日dl：dl{ width:330px。 float:left。 margin:0。 padding:0。 }dt{ float:left。 margin:0。 padding:0。 }dd{ float:left。 margin:0。 padding:0 0px 0 10px。}body { margin: 0px。}dldt1. /dtdd[201189]/dddd事情不順，接受吧，想法寬廣點(diǎn)/dddt1. /dtdd[201189]/dddd事情不順，接受吧，想法寬廣點(diǎn)/dd/dl框架居中：frameset cols=*,800,* frameborder=no border=0 framespacing=0frame src=about:blank/frame你自己做的框架frame src=about:blank/frame/framesetnoframesbody/body/noframes它會(huì)自己生成一個(gè)空白頁(yè)面，自己做的框架在這個(gè)空白頁(yè)面中顯示。8月10日：橫向ulbody { marginleft: 0px。 margintop: 0px。 marginright: 0px。 marginbottom: 0px。}ul{ margin:0px。 padding:0px。 liststyle:none。 }ul li{ background:36F。 padding:0px。 borderbottom:1px solid fff。 margin:0px。 float:left。 height:40px。}ul li a{ width:250px。 display:block。 color:000。 margin:0px。 textdecoration:none。 background:url(../85/) norepeat 5px 5px。 padding:10px 25px。 }ul li a:hover{ margin:0px。 textdecoration:none。 background:url(../85/) norepeat 5px 5px。 backgroundcolor:FF0 。 height:20px。 }ul { borderbottom:1px dotted FFF。 }/style/headbodyullia href=我的寶貝1/a/lili class=xua href=在那不遙遠(yuǎn)的地方/a/lili a href=千百度/a/li/ul心得1. 如果插入的圖片被撐大，有可能沒(méi)有設(shè)置圖片的寬和高。2. 定義樣式的時(shí)候，如果是ul lia{},要注意li和a之間不能有空格。3． 如果樣式1所屬于樣式2（繼承關(guān)系），在調(diào)用的時(shí)候，則1需在調(diào)用2中標(biāo)簽中調(diào)用，否則無(wú)效。8月11日：padding margin值四個(gè)值是上、右、下、左 兩個(gè)是上下、左右 三個(gè)值是上、 左右 、 下瀏覽器區(qū)別：定義樣式：style type=text/css!.ys{ color:紅色 !important?；鸷R(shí)別而IE不識(shí)別 color:黑色。}/style/head調(diào)用：bodyp class=ys發(fā)給他機(jī)會(huì)怒框架離開(kāi)/pIE顯示的是黑色，火狐顯示的是紅色/bodyie6中 在輸入框作為文本字段背景圖片后若輸入字多時(shí)跑出輸入框，后面加入fixed就好了。background:url(images/) norepeat fixed。ie6中輸入框會(huì)出現(xiàn)輸入字超出的情況，用以下代碼可在各個(gè)瀏覽器都正常。div style=background: url(images/) norepeat。 border: none。 position:absolute。 left:30px。 top:5px。 width: 125px。 height: 14px。 margin: 0。 padding: 2px。 input type=text style=border:0。 background:none。 value=sddsdsds size=17 //divdiv東信網(wǎng)頁(yè)總結(jié)：css樣式：@charset utf8。/* CSS Document */body{ fontfamily:宋體,Tahoma, Geneva, sansserif。 fontsize:12px。 color: 6A6B6F。 background:url(images/) repeatx EEEEF0。 margin:0。 padding:0。 }form, ul, li, h1, h2, h3, h4, h5, h6, input, p{ margin: 0。 padding: 0。}a{ color: 6A6B6F。 textdecoration: none。}a:hover{ color:F3F。 textdecoration: underline。}a:visited{ color:F00。 textdecoration:none。}container{ margin:0px auto。 width:922px。 height:651px。 background:url(images/) repeatx FFF。 position:relative。 padding:0 41px。}container .login{ position:absolute。 right:41px。top:40px。 }menu{ width:922px。 height: 28px。 backgroundcolor: 275A9C。 padding:0。 borderbottom:2px solid c7f1ff。 }menu ul{ liststyle:none。 }menu ul li{ float:left。} menu ul li a{ width:110px。 borderright:1px solid 7FAFEF。 float:left。 color:fff。 textdecoration:none。 textalign:center。 padding:7px 0。 display:block。 }m