CSSµ÷Õû - Web ¿ª·¢ / ASP
ÎÒÏÖÔÚÏë×öÒ»¸öÁ½ÐÐÒ»ÁеÄ<DIV id ="header">
ÔÚ×ó±ß<div id="left">·Ålogo.gif
ÓұߵÄ<div id="right">Àï,·ÅÈýÐÐ.
<div menu>
{
ÐÐÒ»,ÒªÓÃ<ul><li>
Ðжþ,Ò²ÒªÓÃul
ÐÐÈý,ÏÔʾÆäËüÄÚÈÝ
}
ÎÒÏÖÔÚÏëʵÏÖÉÏÃæµÄ{}ÀïÃæµÄ¶«Î÷.Çë°ïÎÒдһд.ÎÒÏÖÔÚ³õѧcss¸ãµ½Í·¶¼ÔÎÁË.
----------------------------------
.amenuDiv {width:18px;height:17px;background:#fff}
#amenu {float:right;padding:8px 8px 0 0;border: 1px solid #A9C9E2;margin-left:auto;margin-right:auto;width:700px;}
#amenu ul {float:right;list-style:none;margin:0px;padding:8px 8px 0 0;}
#amenu ul li {float:left;margin:0 0px;display:block;line-height:18px;width:83px}
#amenu ul li a:link,#menu ul li a:visited {font-weight:none;color:#666}
#amenu ul li a:hover{}
-------------------------------------
<div id="amenu">
<ul>
<li class="amenuDiv"><img src="images/mu1.gif"></li>
<li><a href="default.asp" >Ê×Ò³</a></li>
<li><a href="about.asp" onMouseOver="expandcontent('sc2', this)" >¹«Ë¾</a></li>
<li><a href="news.asp" onMouseOver="expandcontent('sc2', this)">ÐÂÎÅ</a></li>
<li>&
Ïà¹ØÎÊ´ð£º
ÔÚʹÓÃCSSÖеÄpadding-leftʱÓöµ½Ò»¸öÎÊÌâ¡£¾ÍÊDZ¾À´ÒѾÉèÖúõĿí¶È£¬padding-leftÒ»ÉèÖà ¶àÉÙºÃÏñ¾Í°ÑÕâ¸ö¼Ó¿íÁ˶àÉÙ¡£ºóÃæµÄDIV¾Í±äλÖÃÁË¡£ÓÐû½â¾ö°ì·¨Ñ½
ÇëÎÊÄãIE¼¸°¡£¿=£¬= ²»»áÓÐÕâÖÖÇé¿öÒ®
Èç¹ûÊÇIE6£¬Ä ......
.css1 .css2 #objid {OVERFLOW: scroll;...}
.css1 .css3 {...}
°Ñ¾ßÓй²Í¬ÑùʽµÄдµ½Ò»ÆðÁË ºÃά»¤
ÖмäÎÞ¶ººÅ£¬ÊôÓÚÑùʽǶÌ×
ÑùʽµÄ¹²Í¬µÄµØ·½Ð´ÔÚÒ»Æð£¬¿ÉÒÔÊ¡µô²»±ØÒªµÄ´úÂëÐÐ~
Õâ¸ö¾ÍÊÇ´úÂë ......
ÇëÎÊÔõôÓÃCSSÈÃͼƬÔÚIE8ºÍffÖÐÊúÖ±¾ÓÖа¡£¬ÎÒÔÚIE6ºÍ7ÖÐʵÏÖÁËÊúÖ±¾ÓÖе«ÊÇÔÚIE8ÖоÍÊÇʵÏÖ²»Á˰¡¡£¡£
ÄǾÍÓÃleftºÍtopÀ´ÊÔÊÔ£¬»òÕß°ÑËü·Åµ½¿ÉÒÔ¾ÓÖеıêÇ©ÖÐÀ´¿ØÖÆÎ»ÖÃ
·Å±í¸ñÀï,È»ºóÊúÖ±¾ÓÖÐ
<table& ......
ȺÀïÓÐû»áCSSµÄ¸ßÊÖ¡£¡£¡£ÎÒÔÚJSPÒ³ÃæÖÐʹÓÃlinkÁ¬½ÓCSSÑùʽ±í£¬ul li±êÇ©×ܲ»Æð×÷Óá£Ö±½Ó°ÑCSS¶¨Òå·Åµ½JSPÒ³Ãæ¾ÍÄÜÕý³£ÏÔʾ£¬ÊÇʲôÎÊÌâÄØ£¨ÔÚÍⲿCSS±íÖж¨ÒåµÄBODY±êÇ©ÄÜÓ¦ÓÃÉÏ£©
css񡜧
.logo {
MARGIN: ......
ÎÒÔÚ±¾µØä¯ÀÀ×öµÄÍøÕ¾£¬Ò»Çж¼OK £¬µ«ÊÇ´«µ½ÍøÉÏÁË£¬
Ñùʽ±íÓÐһЩ±ä»¯£¬ÎÒÓÃdiv+cssдµÄÏÂÀ²Ëµ¥±³¾°ÑÕÉ«³ö²»À´ÁË£¬
ǰÌáÊÇÎÒÑùʽ±í£¬µÈµÈÖ»ÒªÄܵ÷ÓõĶ«Î÷£¬ÎÒ¶·´«ÉÏÈ¥ÁË£¬
´ó¼ÒÏëÏ룬»áÊÇÄÄÀï³öÁËÎÊÌâÄØ£¿
¸ø ......