Ò»¸öcssƽÆÌÎÊÌâ
CSS code:
body{
width:100%;
font-size:12px;
font-family:tahoma,arial,'ËÎÌå';
color:#666666;
float:none;
background: url(/images/bg.gif) left top repeat-y;
text-align:center;
margin:0 auto;
padding:0px;
}
Ϊʲô²»ÄÜÏòYÖáÆ½ÆÌ£¿Ö»ÄÜÏÔʾ×î×ó±ßµÄÒ»ÌõÏß³öÀ´¡£Ê¹ÓÃbackground: url(/images/bg.gif) left top repeat;¿ÉÒÔÆ½ÆÌ£¬µ«ÊÇÎÒ²»ÐèÒªxÖá°¡
Í·²¿DHTMLµÄÎÊÌâ¡£¸ã¶¨ÁË
!:(»¹ÊDz»ÐС£ÎÒÈÕ°¡
ÄÄλ¿´¿´£¬×ż±°¡
Ϊʲô²»°Ñ´úÂë²ð¿ªÐ´ÄØ£¿
body { background-image:url(images/bg.gif); background-position:top left; background-repeat:repeat-y;}
»¹ÓУº{ float:none;}Õâ¾ä»°µÄº¬ÒåÄãÇå³þÂð£¿Õâ¾äÊÇûÓбØÒªÐ´µÄ¡£
ºÜÓпÉÄܵľÍÊÇÄãÓÃÆäËûµÄDIV²ã°ÑbodyÒ²¸ÇסÁË£¬±ÈÈ綨ÒåÁËÒ»¸ö#container { width:98%;}
°ÑÕû¸ö´úÂë·¢ÉÏÀ´¿´¿´°É¡£
°Ñ¸ß¼ÓÉÏÊÔÊÔ¡£¡£¡£
Ïà¹ØÎÊ´ð£º
ÔÚʹÓÃCSSÖеÄpadding-leftʱÓöµ½Ò»¸öÎÊÌâ¡£¾ÍÊDZ¾À´ÒѾÉèÖúõĿí¶È£¬padding-leftÒ»ÉèÖà ¶àÉÙºÃÏñ¾Í°ÑÕâ¸ö¼Ó¿íÁ˶àÉÙ¡£ºóÃæµÄDIV¾Í±äλÖÃÁË¡£ÓÐû½â¾ö°ì·¨Ñ½
ÇëÎÊÄãIE¼¸°¡£¿=£¬= ²»»áÓÐÕâÖÖÇé¿öÒ®
Èç¹ûÊÇIE6£¬Ä ......
ȺÀïÓÐû»áCSSµÄ¸ßÊÖ¡£¡£¡£ÎÒÔÚJSPÒ³ÃæÖÐʹÓÃlinkÁ¬½ÓCSSÑùʽ±í£¬ul li±êÇ©×ܲ»Æð×÷Óá£Ö±½Ó°ÑCSS¶¨Òå·Åµ½JSPÒ³Ãæ¾ÍÄÜÕý³£ÏÔʾ£¬ÊÇʲôÎÊÌâÄØ£¨ÔÚÍⲿCSS±íÖж¨ÒåµÄBODY±êÇ©ÄÜÓ¦ÓÃÉÏ£©
css񡜧
.logo {
MARGIN: ......
jsp Ò³ÃæÓÃdiv ¼Ó css£¨µ¼ÈëµÄ£© ËùÓеÄdiv Ñùʽ¶¼²»ºÃʹÊÇÔõô»ØÊ£¿
ÏàͬµÄÑùʽ·Åµ½<td>ÉϾͺÃʹ£¡
1.css
.menud {
height: 29px;
width: 960px;
top: 10px;
color: #FFFFFF;
word-spacing: 6p ......
ΪʲôÎÒµÄCSSÑùʽÔÚÓеĻú×ÓÉÏÏÔʾÕý³£ ÓеľͲ»Õý³£ÁË
´ó¼Ò¸øµãÒâ¼û°É ºÜ¾À½áµÄ˵
ÄãÕâÑùÎÊ£¬ÎÒÖ»ÄÜÕâÑù»Ø´ð£ºÔÒòºÜ¶à
ä¯ÀÀÆ÷²»Í¬£¿
±ÈÈç:IEä¯ÀÀÆ÷²»Ò»Ñù,µçÄÔ·Ö±æÂʲ»Ò»ÑùµÈµÈ
ÒýÓÃ
±ÈÈç:IEä¯ÀÀÆ÷ ......
width:405px;height:225px;
СÓÚÕâ¸ö³ß´çµÄÒª×Ô¶¯ÌîÂú²»ÄÜÒç³ö,
´óÓÚÕâ¸ö³ß´çµÄÒ²ÒªÌîÂú,Ò²¾ÍÊÇ˵¿í¸ß²»±ØµÈ±ÈËõ·Å¡£
Çë¸ßÊÖÖ¸½Ì¡£
ÓÃJS¿ØÖÆÏ¾ÍÐÐÁË
¸ü¼òµ¥µÄ·½·¨ÊÇÓÃCSS£º
.myImg img{
width:405px;
hei ......