css Ö® padding
Öð½¥Ï²»¶ÉÏpadding ËäÈ»Ëü²¢²»ÍêÃÀ£¬ÈκÎÊÂÎï¶¼ÓÐÁ½ÃæÐÔ£¬ÎÞËùν¶Ô´í£¬¹Ø¼üÊÇÒªÓöԵط½£¡
padding ºÍ marginÏà±È½Ï£¬padding ¿ÉÒÔ½«div µÈ³ÅÆðÀ´Õ¼ÓÃʵ¼Ê¿Õ¼ä£¬¶ømarginÔò±È½ÏСÐÄ¡£
µ«ÊǾÍÊÇpaddingÕâµãȱ°ïÎÒ½â¾öÁËÒ»¸öinput ºÍ submitµÄ¶ÔÆëÎÊÌâ¡£
Ïà¹ØÎĵµ£º
Ò»¡¢Ê¹ÓÃSTYLEÊôÐÔ
½«STYLEÊôÐÔÖ±½Ó¼ÓÔÚ¸ö±ðµÄÔª¼þ±êÇ©À<Ôª¼þ(±êÇ©) STYLE="ÐÔÖÊ(ÊôÐÔ)1: É趨ֵ1; ÐÔÖÊ(ÊôÐÔ)2: É趨ֵ2;
...}
<td style="color:#c00; font-size:15px; line-height:18px;>
¡¡¡¡°ËÊ®Äê´ú
</td>
ÕâÖÖ·½·¨Óŵ㣺¿ÉÁ ......
×¢ÒâÊÂÏ
ÁËʵÏÖµ¼º½ÖеÄ×Óµ¼º½ÓëÖ÷µ¼º½ÔÚʵÏÖÊó±ê½»»¥µÄͬʱ£¬±£³ÖÆäÏà¶ÔλÖÃÒ»Ö£¬ÎÒÃÇʹÓÃÁ˶Ôul li{}ʹÓÃÁËposition:relative;ʹÆä¶¨Î»·½Ê½×ªÎªÏà¶Ô¶¨Î»¡£¶ø¶Ôli ul{}¼´×Óµ¼º½²ÉÓÃÁËposition:absolute;Ïà¶ÔÓÚµ¼º½µÄ¾ø¶Ô¶¨Î»·½Ê½£¬ÁËÆäÊó± ......
cssĬÈϵIJ¼¾ÖÊǽ«ÔªËØÒ»¸öÒ»¸öµØÍùÏÂÅÅÁÐÏÂÀ´£¬Èç¹û²»²ÉÈ¡¸¡¶¯£¬½«µ¼ÖÂÒ³Ãæ·Ç³£³¤¡£
ÏÂÃæÎÒÃÇͨ¹ý×öÒ»¸ö³£¼ûµÄÍøÕ¾²¼¾Ö£¬À´ËµÃ÷¸¡¶¯ÊÇÔõôһ»ØÊ¡£
Ï£ÍûµÄЧ¹ûÊÇ:
²½ÖèÒ»¡¢ÏȰѴúÂëдһÏ£¬
Àý£º
htmlÄÚÈÝ£º
<body >
<div id="head">
head
</div>
<div id="content">
c ......
margin£º²ãµÄ±ß¿òÒÔÍâÁôµÄ¿Õ°×
background-color£º±³¾°ÑÕÉ«
background-image£º±³¾°Í¼Æ¬
padding£º²ãµÄ±ß¿òµ½²ãµÄÄÚÈÝÖ®¼äµÄ¿Õ°×
border£º±ß¿ò
content£ºÄÚÈÝ
²½ÖèÒ»¡¢
·ÖÎöÒ»¸öµäÐ͵͍ÒådivÀý×Ó£º
#sample{
margin:10px;
border: #111 10px solid;
......