æçæ¶åæ们å¨ç½é¡µä¸å¯¹liæ ç¾è®¾ç½®äºå®çcsså±æ§ï¼æ¯å¦list-style-type:disc;ç¶èæ们çç½é¡µå端åç°ç»æä¸å´çä¸å°æ们çææï¼liåé¢ä¸ä¸ªå°åç¹ï¼ï¼ä½æ¯cssåæ¾ç¤ºæ²¡éï¼æ们该å¦ä½è§£å³ï¼
å
¶å®é æè¿ç§ç°è±¡çåå æ两ç§å¯è½ï¼ä¸ç§æ¯liå±æ§è®¾ç½®äºlist-style-position:outside;å表符å·çä½ç½®å¨ç模åä¹å¤ï¼æ以第äºä¸ªå表项ç符å·è¢«ç¬¬ä¸ä¸ªå表项çä½ï¼æè
被åé¢çæ¡æ¶è¦çï¼æ以就çä¸å°ææï¼
è¿æä¸ç§æ
åµå°±æ¯liå
ç´ è®¾ç½®äºfloat:left;å±æ§ä¹ä¼é æLIå
ç´ ä¸æ£å¸¸ã
解å³åæ³ï¼ç¬¬ä¸ç§æ
åµç´æ¥ä¿®æ¹list-style-position:outside;为list-style-position:inside;没æçè¯å°±å ä¸å»ãæ¹æ³äºï¼å¨list-style-position:outside;çæ
åµä¸ç»å表符å·ç个ä½ç½®æ¥æ¾ç¤ºï¼æ¯å¦è¯´ç»liå 个å±æ§margin-leftï¼50pxï¼ç¬¬äºç§æ
åµç´æ¥å ææµ®å¨å
ç´ floatå³å¯ã
æ©å±ï¼list-style-type:å®ä¹åè¡¨æ ·å¼
disc: ç¹
circle: åå
square: æ£æ¹å½¢
decimal: æ°åï¼ä¾å¦1ï¼2ï¼3ï¼ï¼....ï¼11ï¼12ï¼13
decimal-leading-zero: åè¿å¶æ°ï¼ä¸è¶³ä¸¤ä½çè¡¥é½å导0ï¼ä¾å¦: 01, 02, 03, ..., 98, 99
lower-roman: å°åç½é©¬æåï¼ä¾å¦: i, ii, iii, iv, v, ...
upper-roman: 大åç½é©¬æåï¼ä¾å¦: I, II, III, IV, V, ...
lower-greek: å°åå¸è
åæ¯ï¼ä¾å¦: α(alpha), β(beta), γ(gamma), ...
lower-latin: å°åæä¸æï¼ä¾å¦: a, b, c, ... z
upper-latin: 大åæä¸æï¼ä¾å¦: A, B, C, ... Z
armenian: äºç¾å°¼äºæ°å
georgian: ä¹æ²»äºæ°åï¼ä¾å¦: an, ban, gan, ..., he, tan, in, in-an, ...
lower-alpha: å°åæä¸æï¼ä¾å¦: a, b, c, ... z
upper-alpha: 大åæä¸æï¼ä¾å¦: A, B, C, ... Z
none: æ (åæ¶ææçlistæ ·å¼)
inherit:继æ¿
èªå®ä¹å¾çï¼list-style:square inside url('
http://www.25yi.com/wp-includes/images/smilies/icon_razz.gif')
ç®åè§åï¼list-style:square inside url('arrow.gif');åé¢èè²çsquare为å表符å·list-style-typeï¼ä¸é´çº¢è²çinside为list-style-positionå®ä½ç¬¦ï¼æåé¢ç»¿è²çurlæ¯å¾çè·¯å¾list-style-imageï¼å¦æåå¨è¿ä¸ªå¾çå°±ä¼è¦çåé¢çsquareï¼å¦æä¸åå¨å°±ç¨squareæ¾ç¤ºã