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;}
Ïà¹ØÎĵµ£º
´Ó½ñÌ쿪ʼ£¬CSSÉè¼Æ½Ì³ÌºÍ´ó¼Ò¼ûÃæÁË¡£Ã¿ÌìÒ»½Ú£¬ÓÐѧϰµÄͬѧÇëÿÌì¹Ø×¢ÎÒÃÇÍøÕ¾¡£
Àý1£1 ±³¾°Í¼Æ¬
µÚÒ»¸öÀý×ÓչʾÁ˶ÔbackgroundÊôÐÔµÄÔËÓ㬱¾Àý×Ó°ÑbackgroundÊôÐÔÓëÒ»¸ödivÔªËØÏà½áºÏ¡£divµÄ´óСΪ250pxX76px£¬ËùÒÔËü»áÏÔʾ³öÒ»¸öÍêÕûµÄ±³¾°Í¼Æ¬¡£
ÒÔÏÂÊDZ¾ÊµÀýµÄÏêϸ³ÌÐò£¬µ÷ÊÔÔÚMicrosoft Visual Studio 2010°æ ......
·½·¨Ò»£º
¿çä¯ÀÀÆ÷µÄÍøÒ³Éè¼ÆÒ»Ö±ÊÇÈÃÈ˺ÜÍ·ÌÛµÄÎÊÌ⣬Õâ²»Ö»ÊÇÒòΪä¯ÀÀÆ÷µÄ°æ±¾Öڶ࣬»¹ÓÐÒ»¸öÖØÒªµÄÔÒòÊÇÏàͬä¯ÀÀÆ÷µÄ²»Í¬Ê±ÆÚµÄ°æ±¾Ò²»áÓвîÒ죬
ÉõÖÁÊÇÔÚ²»Í¬²Ù×÷̨ͬÉÏ»¹»áÓв»Í¬¡£Òò´ËʹCSS hack¼¼Êõ½øÐÐä¯ÀÀÆ÷Çø·ÖÊÇʵÏÖ¿çä¯ÀÀÆ÷·ÃÎÊÒ»¸öºÃ·½·¨¡£CSS
Hack¼¼ÊõÓкܶ࣬¾ßÌå¿ÉÒԲ鿴£º
± ......
<body style="background-color:#000" mce_style="background-color:#000">
<div style="background-color:#fff; width:500px; height:200px; filter:alpha(opacity='50'); opacity:0.5">Õâ¸ö±³¾°ÊÇ͸Ã÷µÄ</div>
</body>
/*IE*/
filter:alpha(opacity='50');
/*FF*/   ......
´ËÎÄÎªÍøÉÏÊÕ¼¯~
¸ø¿Í»§×öÕ¾µÄʱºòÓöµ½µÄÎÊÌâ,div²ã¼ÓÁËmarginºó ×Ü¿í¶È³¬¹ý¸¸¼¶²ã¿í¶È ¾Í×Ô¶¯»»ÐÐÁË ÈçºÎÈø¡¶¯²ã¼Ómarginºó²»»»ÐÐÄØ?
ÏÂÃæ¿´¸¡¶¯²ã¼Ómarginºó»»ÐеÄÀý×Ó:
±ÈÈç˵ÓиöDIV¿í¶ÈΪ380px£¬ËüÀïÃæÓÐÒ»¸ö²Ëµ¥ÁÐ±í£¬Ã¿¸ö¿í¶ÈΪ60px£¬margin-rightΪ20px¡£Èç¹û¾Í°´ÕÕÏÂÃæµÄHTML½á¹¹À´×öµÄ»°£¬ÄÇôÕâ¸ö²Ëµ¥ÁбíÄÜ ......
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
padding: 0;
margin: 0;
}
fieldset, img {
border: 0;
}
table {
border-co ......