CSS±Ê¼Ç
Ò»¡¢ÐǺÅ*
Ó¦¸ÃÊǸöͨÅä·û¡£±ÈÈç
<style type="text/css">
.roundBorder *
{
background: white;
display: block;
height: 1px;
overflow: hidden;
}
</style>
……
<b class="roundBorder">
<b class="roundBorderLayer3"></b>
<b class="roundBorderLayer2"></b>
<b class="roundBorderLayer1"></b>
</b>
ÄÇôÕâ¸öroundBorderLayer1¡¢2¡¢3¶¼»áÊÜÕâ¸ö.roundBorder *µÄ¶¨ÒåÓ°Ïì¡£
¶þ¡¢¼Ì³Ð
CSS¿ÉÒÔÓжàÖØ¼Ì³Ð¡£Èç
<div id="divTenet">
<div style="font-size:16px;width:240px;">Äñ0</div>
<div><img src="img/k.gif" width="24" height="20" hspace="3" alt="Äñ1"/>Äñ1</div>
<div><img src="img/jc.gif" width="21" height="23" hspace="3" alt="Äñ2"/>Äñ2</div>
<div><img src="img/fx.gif" width="22" height="20" hspace="3" alt="Äñ3"/>Äñ3</div>
</div>
CSSÀï¿ÉÒÔÕâÑù¶¨ÒåÀïÃæµÄ<IMG>£º#divTenet div img{vertical-align:middle;}
Ïà¹ØÎĵµ£º
1.Ö±½Ó¼ÓÔÚ¶ÔÏóÉÏ
¡¡¡¡<html>
¡¡¡¡¡¡<head>
¡¡¡¡¡¡¡¡<title>title</title>
¡¡¡¡¡¡</head>
¡¡¡¡¡¡<body>
¡¡¡¡¡¡¡¡<span style="color:red">red</span>
¡¡¡¡¡¡</body>
¡¡¡¡</html>
2.¼Óµ½Ò³ÃæÍ·²¿
¡¡¡¡<html>
¡¡¡¡¡¡<head>
¡¡¡¡¡¡¡¡< ......
CSS ±»ºöÂԵij£Ê¶
ÎÄÕ·ÖÀà:Webǰ¶Ë
1¡¢²»ÒªÊ¹ÓùýСµÄͼƬ×ö±³¾°Æ½ÆÌ¡£Õâ¾ÍÊÇΪºÎºÜ¶àÈ˶¼²»Óà 1px µÄÔÒò£¬Õâ²ÅÖªÏþ¡£¿í¸ß 1px µÄͼƬƽÆÌ³öÒ»¸ö¿í¸ß 200px µÄÇøÓò£¬ÐèÒª 200*200=40, 000 ´Î£¬Õ¼ÓÃ×ÊÔ´¡£
2¡¢Îޱ߿ò¡£ÍƼöµÄд·¨ÊÇ border:none;£¬¹þ¹þ£¬ÎÒÒ»Ö±ÔÚÓÃÕâ¸ö¡£ border:0; Ö»ÊǶ¨Òå±ß¿ò¿í¶ÈΪÁ㣬µ«±ß¿òÑùʽ¡ ......
×Ô¶¯»»ÐÐÎÊÌâ,Õý³£×Ö·ûµÄ»»ÐÐÊDZȽϺÏÀíµÄ,¶øÁ¬ÐøµÄÊý×ÖºÍÓ¢ÎÄ×Ö·û³£³£½«ÈÝÆ÷³Å´ó,ͦÈÃÈËÍ·ÌÛ,ÏÂÃæ½éÉܵÄÊÇCSSÈçºÎʵÏÖ»»Ðеķ½·¨
¶ÔÓÚdiv,pµÈ¿é¼¶ÔªËØ
Õý³£ÎÄ×ֵĻ»ÐÐ(ÑÇÖÞÎÄ×ֺͷÇÑÇÖÞÎÄ×Ö)ÔªËØÓµÓÐĬÈϵÄwhite-space:normal,µ±¶¨ÒåµÄ¿í¶ÈÖ®ºó×Ô¶¯»»ÐÐ
html
css
1.£¨IEä¯ÀÀÆ÷£©Á¬ÐøµÄÓ¢ÎÄ×Ö·ûºÍ°¢À²®Êý×Ö,ʹÓÃword ......
¡¡¡¡ÄÚÈÝ£ºcontentcontainer µ¼º½£ºnav ²àÀ¸£ºsidebar
¡¡¡¡À¸Ä¿£ºcolumn ±êÖ¾£ºlogo Ò³ÃæÖ÷Ì壺main
¡¡¡¡¹ã¸æ£ºbanner Èȵ㣺hot ÐÂÎÅ£ºnews
¡¡¡¡ÏÂÔØ£ºdownload ×Óµ¼º½£ºsubnav ²Ëµ¥£ºmenu
¡¡¡¡ËÑË÷£ºsearch Ò³½Å£ºfooter ¹ö¶¯£ºscroll
¡¡¡¡°æÈ¨£ºcopyright ÓÑÇéÁ´½Ó£ºfriendlink ×Ӳ˵¥£ºsubmenu
¡¡¡¡ÄÚÈÝ£ºcontent ......