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;}
Ïà¹ØÎĵµ£º
從Éϵ½ÏÂ
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
} ¶þ¡¢´Ó×óÉÏÖÁÓÒϽ¥±ä
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-color: skyblue; ......
Õâ±¾Êé²»´í£¬Ïêϸ½éÉÜÁËCSSµÄÏà¹ØÖªÊ¶£¬¶Ô³õѧÕߺÍÏë½øÒ»²½Ñ§Ï°µÄÈ˶¼ÓаïÖú¡£
Ïà¹Ø±Ê¼Ç£º
ÐÐÄÚÑùʽ>IDÑùʽ>ÀàÑùʽ>±ê¼ÇÑùʽ
font-weight:bold;
font-size:30px;
text-decoration:underline;
& ......
1.Ö±½Ó¼ÓÔÚ¶ÔÏóÉÏ
¡¡¡¡<html>
¡¡¡¡¡¡<head>
¡¡¡¡¡¡¡¡<title>title</title>
¡¡¡¡¡¡</head>
¡¡¡¡¡¡<body>
¡¡¡¡¡¡¡¡<span style="color:red">red</span>
¡¡¡¡¡¡</body>
¡¡¡¡</html>
2.¼Óµ½Ò³ÃæÍ·²¿
¡¡¡¡<html>
¡¡¡¡¡¡<head>
¡¡¡¡¡¡¡¡< ......
overflow´Ó×ÖÃæÒâÒåÉÏÀ´½²¾ÍÊÇÒç³öµÄÒâ˼唄£¬»»¾ä»°Ëµ£¬ÄãÓиö²ã£¬µ«ÊÇÀïÃæµÄÄÚÈÝ£¬Í¼Æ¬»òÕßÎÄ×ÖÒª±È²ã´ó£¬overflow¾ÍÊÇÕë¶ÔÕâÖÖÇé¿ö½øÐд¦ÀíµÄ¡£
°üº¬4¸öÊôÐÔÖµ£¬visible,hidden,auto,scroll
visible¾ÍÊdz¬³öµÄÄÚÈÝÈÔÈ»Õý³£±»ÏÔʾ³öÀ´¡£
hidden¾ÍÊdz¬³öµÄÄÚÈݱ»Òþ² ......
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 ......