ÇóͼƬÁбí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
Ïà¹ØÎÊ´ð£º
Ƥ·ôºÍÑùʽ±í¶¼¿ÉÒÔÉèÖÿؼþµÄÍâ¹Û£¬¾ßÌåÓÐÊ²Ã´Çø±ðÄØ£¿
skin ÊÇasp.net ÌåϵµÄ ¾ÍÏ൱ÓÚ<asp:TextBox> ¶ÔÓ¦ÓÚ<input type="text">
Äã°ÑƤ·ôµ±³ÉÒ·þ£¬°ÑÑùʽ±íµ±³É»¯×±Æ·¾ÍÈÝÒ×Àí½âÁË
......
±ÈÈçÎÒ×öµÄÒ»ÕÅͼ ÀïÃæ°üº¬ÁËN¸öСͼƬ
CSSÕâÑùд£º
.a{background:url('/images/theme-hotgoods.gif') no-repeat left -130px;}
.b{background:url('/images/theme-hotgoods.gif') no ......
FFºÍWEBKITµÄ½¥±äЧ¹ûÓÃCSSÈçºÎʵÏÖ
Çë½Ì¸÷λDX
Õâ¸öÎÊÌâÀ§ÈÅСµÜ¼¸ÌìÁËÍøÉÏÕÒµ½µÄ¶¼ÊÇIEµÄ·½·¨
FFºÍCHROME¶¼Ã»Óа취ʵÏÖ
±³¾°Í¼£¬cssÃ²ËÆ²»ÐУ¬
³ýÁ˱³¾°Í¼ÄØ£¿ÎÒ¾õµÃÓ¦¸Ã¿ÉÒÔµÄ°É IEÄÇôÀ ......
²»¶®ËûÍø¸ñÈçºÎÔÀí
\Using Nesting Grids
YUI Grids CSS provides a system for subdividing sections of your page with nestable grids. Use this technique to easily create complex layouts that go ......
ÎÒÓпÕûÓÐÊÂ×öÑо¿Ò»ÏÂCSS+DIV,ÏÖ×öÒ»Ìõµ¼º½Ìõ£¬Óöµ½Ò»¸öÎÊÌ⣬Ëü´ó¼Ò°ïæ½â¾öһϣº
ÒÔÏ´úÂë¿ÉÒÔʵÏÖ¾ÓÖУ¬µ«ÓÐÒ»¸öÎÊÌâ¾ÍÊÇ£¬Èç¹ûÎÒ¼Ó¶àÒ»¸öÀ¸Ä¿±ÈÈç¼Ó¶àÒ»¸öHTML code:
<li><a href="" ......