ÇóͼƬÁбícssºÃ·½°¸
ÒªÇó¼æÈÝÖ÷Òªä¯ÀÀÆ÷£¬
×îºÃͼƬ²»ÓÃÉèÖÃpx´óС£¬¸ù¾Ý°üÈÝÌå´óС×Ô¶¯Ëõ·Å¡£
ÆÚ´ýÄÜÓÐÕâ·½ÃæÅŰæµÄרÌâ×ÊÁÏ¡£
ÇëÎÊimgºÍspanΪʲôҪÉèÖÃΪdisplay£ºblockÊôÐÔ£¬ÕâÑù×öÓÐʲôºÃ´¦£¬Í¼ÎÄÁбíÀý×ÓÀ´×ÔdedeÔʼģ°å£ºhttp://www.dgwblm.com/index.html
CSS code:
.e1 {
clear:both;
overflow:hidden;
padding-bottom:8px;
padding-top:10px;
width:100%;
}
.e1 li {
float:left;
overflow:hidden;
padding-left:12px;
text-align:center;
width:126px;
}
.e1 li a {
display:block;
}
.e1 li a:hover img {
border:1px solid #999999;
padding:2px;
}
.e1 li a img {
border:1px solid #E3E3E3;
display:block;
height:90px;
padding:2px;
width:120px;
}
.e1 li a span {
display:block;
line-height:17px;
padding-top:6px;
}
HTML code:
<dd class="light">
<ul class="e1">
<li><a href="/a/wangbaxinwen/yejiezixun/2009/1123/1266.html"><img width="124" height="94" border="0" alt="4Ëêº¢Íø°ÉÊÓÆµ¿´°Ö°Ö±»¾Ü ÂÉʦÄâÉÏÊé¹úÎñÔº" src="/uploads/allimg/091123/21102U5X-0-lp.jpg"/><span class="title">4Ëêº¢Íø°ÉÊÓÆµ¿´°Ö°Ö±»¾Ü ÂÉʦÄâ</span></a></li>
<li><a href="/a/w
Ïà¹ØÎÊ´ð£º
ÎÒÓÃDIV+CSS×öÁËÒ»¸ö¿ÉÒÔÒÆ¶¯µÄ²ã¡£¡£¡£¡£ÔõôÑù½«Õâ¸ö²ãµÄÊý¾Ý±£´æµ½Êý¾Ý¿âÖС£¡£¡£¡£ÔÚ´ò¿ªÒ³ÃæµÄʱºòÔÚ´ÓÊý¾Ý¿âÖмÓÔØ³öÀ´ÏÔʾ£¡£¡£¡£¡£¡£¡£¡ÄÄλ¸çÃÇÓÐÀý×ӵĿɲ»¿ÉÒÔ·¢¸øÎÒ
div ¶ÔÓ¦µÄλÖÃÓÃfrom¸øµ½ACTION ´æ ......
ÎÒÔÚ±í¸ñÀïÃæ ·ÅÁËÒ»ÕÅͼƬ ÏëÈÃËûÌù×ÅÒ³ÃæµÃ×îÓÒ±ß ºÍ ×îÉÏÃæ
¿ÉÊDz»¹ÜÔõôŪ ¶¼ÓÐÒ»¶Î¾àÀë ÓиßÈ˸æËßÎÒÏÂûmargin£right ÎÒÓÃÁË Ã»ÓÃ
Ôõô°ì£¿
½¨ÒéÖ±½ÓÓà margin£ºÉϱ߾àÀë Óұ߾àÀë ϱ߾àÀë ×ó±ß¾àÀ ......
ÎÒдºÃÁËÒ»¸öPHPÒ³ ºÍдºÃÁËCSSÑùʽ µ«ÊDz»ÖªµÀÔõÑùʹCSSÑùʽÔÚPHPÒ³ÖÐÆð×÷ÓÃ
ÎÒÊÇÕâÑùдÁ¬½ÓµÄ: <link rel=\"stylesheet\" href=\"style/style.css\" type=\"text/css\" /> ......
POSITION: absolute;WIDTH:100%;overflow:hidden;white-space:nowrap;ÕâÖÖ·½·¨ÔÚÒ³ÃæÓÐ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/ ......
ÏÂÃæÊDz»´øÍ¼Æ¬µÄÔ²½ÇCSS box£¬¿´ÏÂÃæÑÝʾЧ¹û°É£º
http://www.abaonet.com/jsCode/page/200911/2310.html
²»´í~~~~¶¥~~~~¾ÍÊÇ´úÂëÓеã¶à£¡½Ó·Ö£¡£¡£¡
Óд´Ò⣬²»¹ý±ß½ÇµÄµã×´Óоâ³Ý£¬Ã»ÓÐͼƬºÃ¿´£¬ºÇºÇ
......