Selepas mengikuti, anda boleh menjejaki maklumat dinamiknya tepat pada masanya
Kursus dalam bahagian yang berkaitan:Kawalan latar belakang dalam CSS
//復(fù)合寫(xiě)法 body{background:url(../images/1.png) no-repeat center top;}
2019-02-180個(gè)贊
Kursus dalam bahagian yang berkaitan:Tukar elemen peringkat blok kepada elemen sebaris dan belakang
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>塊元素和行內(nèi)塊元素相互轉(zhuǎn)換</title> <style type="text/css"> p{display:inline;width: 200px;height: 200px;background-color: #CCC} b{display:block;} /*div{display:inline-block;height: 30px; width: 400px;background-color: pink}*/ .box{width: 100px;height: 40px;background-color: #ccc;line-height: 40px;text-align: center;} .main{width: 100px;height: 100px;background-color: pink;line-height: 100px;text-align: center;display:none;} .box:hover .main{display:block;} </style> </head> <body> <p>塊級(jí)元素轉(zhuǎn)換為行內(nèi)元素</p><span>123</span> <b>行內(nèi)元素轉(zhuǎn)換為塊級(jí)元素</b> <div>將標(biāo)簽轉(zhuǎn)換為行內(nèi)塊元素</div><span>123</span> <div class="box">導(dǎo)航 <div class="main">小菜單 </div> </div> </body> </html>
2019-02-180個(gè)贊
Kursus dalam bahagian yang berkaitan:Terapung dalam CSS
<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> ul li{list-style:none;width:100px;line-height:40px;text-align:center;background-color:#ccc;margin: 0px 1px;float:left;} .box1{width: 200px;height: 200px;background-color: pink;;float:right;} .clear{clear:both;} </style> </head> <body> <ul> <li>html</li> <li>css</li> <li>javaScript</li> <li>jquery</li> <li>php</li> <li></li> </ul> <div class="clear"></div> <div class="box1">div1</div> <div class="box1">div2</div> <div class="box1">div3</div> </body> </html>
2019-02-180個(gè)贊