如何用CSS定义标签li前面的小点，很小的点，不是默认的大圆点？不要图片做背景能做到吗？
\u5728css\u4e2d\u8bbe\u7f6eul\u6837\u5f0f\uff0cli\u7684\u524d\u9762\u9ed8\u8ba4\u4f1a\u51fa\u73b0\u9ed1\u8272\u5706\u70b9\uff0c\u600e\u6837\u4fee\u6539\u5706\u70b9\u7684\u989c\u8272\u2026\u2026\u6c42\u89e3li\u81ea\u8eab\u5706\u70b9\u7684\u989c\u8272\u662f\u4fee\u6539\u4e0d\u4e86\u7684\uff0c\u4f60\u4e0d\u60f3\u8981\u90a3\u4e2a\u5706\u70b9\u7684\u8bdd\uff0c\u53ef\u4ee5\u901a\u8fc7\u4ee5\u4e0b\u51e0\u79cd\u65b9\u5f0f\u6765\u89e3\u51b3\u3002
1.\u5c06\u5706\u70b9\u53bb\u6389\uff0cli{ list-style:none}\uff1b\u7136\u540e\u7528color:#ff0000;\u8bbe\u7f6e\u5b57\u4f53\u7684\u989c\u8272\u3002.\u8fd9\u91cc\u7684\u70b9\u5c31\u662f\u7ea2\u8272\u7684\u4e86\uff0c\u4f60\u53ef\u4ee5\u8bbe\u7f6e\u4e3a\u81ea\u5df1\u559c\u6b22\u7684\u989c\u8272\uff0c\u5982\u679c\u4f60\u8981\u533a\u5206\u70b9\u548c\u5b57\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u5728li\u91cc\u9762\u518d\u5d4c\u5165\u4e00\u4e2a\u6807\u7b7e\uff0c\u50cf\u8fd9\u6837\uff1a.list1\u8fd9\u6837\u70b9\u5c31\u662f\u7eff\u8272\u7684\uff0c\u5b57\u5c31\u662f\u7ea2\u8272\u7684\u4e86\u3002
2.\u5c06\u5706\u70b9\u53bb\u6389\uff0cli{ list-style:none}\uff1b\u7136\u540e\u5c06\u90a3\u4e2a\u70b9\u505a\u6210\u56fe\u7247\uff0c\u7136\u540e\u5d4c\u5165li\u4e2d\u3002\uff1alist1\u3002
\u5e0c\u671b\u5bf9\u4f60\u6709\u7528\u54e6\uff0c\u4e0d\u61c2\u7684\u518dhi\u6211
HTML\u4ee3\u7801\u5982\u4e0b\uff1a
div+css\u4e2d\u600e\u6837\u5c06li\u524d\u9762\u7684\u70b9\u6362\u6210\u56fe\u7247ul{list-style-image: url(img/5.jpg);}\u5217\u88681\u5217\u88682\u5217\u88683
切个小图做背景 就行了
大网站都是这样的
绛旓細HTML浠ｇ爜濡備笅锛<!DOCTYPE html><html><head><meta charset="utf-8"><title>div+css涓鎬庢牱灏li鍓嶉潰鐨鐐规崲鎴愬浘鐗</title><style type="text/css"><style>ul{list-style-image: url(img/5.jpg);}</style></head><body><div><ul><li><a href="">鍒楄〃1</a></li><li><a href="">...
绛旓細瀹氫箟css鍒嗕笁绫伙細绗竴绫伙細鏍囩鍏冪礌 body,ul,li绛夛紝鐩存帴瀹氫箟 锛屾牸寮忥細鏍囩鍚峽灞炴э細鏍峰紡} body{font-size:12px;} 绗簩绫伙細绫诲畾涔 鍦ㄥ墠闈閮芥槸瑕佸姞鐐 .top{margin-top:20px;} 绗笁绫伙細id瀹氫箟锛宨d瀹氫箟鏄牱寮忛噷鍋氶珮鐨勶紝涓鑸笉寤鸿鐢ㄣ俰d瀹氫箟鐢 footer{ margin-top:20px;} ...
绛旓細1銆佸埄鐢―reamweaver鏂板缓涓涓猦tml椤甸潰銆2銆佸湪body閲岄潰杈撳叆浠ｇ爜 <ul> <li>浣犲ソ</li> <li>灏忛奔</li> <li>灏忓皬</li> </ul>銆3銆侀粯璁ょ殑鏍峰紡鏄繖鏍风殑銆4銆佺紪杈憀i鏍囩鐨css鏍峰紡銆5銆乫loat:left浠ｈ〃鐨勬槸鍏冪礌宸﹀榻愩傝繖鏍穕i鏍囩灏卞彲浠ユí鎺掓樉绀轰簡锛宭ist-style:none鐢ㄦ潵鍘婚櫎li鏍囩鍓嶉潰鐨灏忓渾鐐广
绛旓細璁剧疆li鏍囩鐨刲ist-style灞炴т负none 濡備笅渚嬪瓙 li鏍囩鍦ㄦ病鏈夎缃甽i{list-style:none;}鐨勬椂鍊欙紝鍓嶉潰鏄湁鍦嗙偣鐨勶紝璁剧疆涔嬪悗锛屽渾鐐规秷澶 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title><style> li{list-style: none;}/*杩欓噷璁剧疆*/</style></head><...
绛旓細鍦–SS涓紝鏈変笓闂ㄦ帶鍒跺垪琛ㄨ〃鐜扮殑灞炴э紝甯哥敤鐨勬湁list-style-type灞炴с乴ist-style-image灞炴с乴ist-style-position灞炴у拰list-style灞炴с備竴銆乴ist-style-type灞炴ist-style-type灞炴ф槸鐢ㄦ潵瀹氫箟li鍒楄〃鐨勯」鐩鍙风殑锛屽嵆鍒楄〃鍓嶉潰鐨淇グ銆俵ist-style-type灞炴ф槸涓涓彲缁ф壙鐨勫睘鎬с傚叾璇硶缁撴瀯濡備笅锛氾紙鍒椾妇涓浜涘父鐢...
绛旓細杩欎釜鏄疌SS鏍峰紡闂锛鍦–SS閲宭i灞炴т笅浼氭湁涓涓 list-style-type 璇ュ睘鎬瀹氫箟 li 鍓嶉潰鏄惁鏈夊渾鐐规垨鑰呭叾浠栧垪琛ㄦ暟瀛楃瓑锛佷緥濡傦細list-style:none 鍑烘潵鐨勬晥鏋滃氨鏄笅闈㈣繖涓牱瀛愮殑锛併佽屽鏋滃皢璇SS鏍峰紡涓殑list-style鏀逛负锛歭ist-style:disc 鍒欏嚭鏉ュ氨鏄繖鏍风殑鏁堟灉锛氬叿浣撶殑琛ㄨ堪鏂规硶涓昏鏈変互涓嬭繖鍑犵锛歭ist-style-...
绛旓細缁li鍔犱笂list-style:none杩欎釜CSS鏍峰紡灏卞彲浠ュ幓鎺変簡锛乴ist-style杩欎釜灞炴у氨鏄帶鍒<li></li>鐨勫垪琛ㄩ」鐩爣璁帮紝榛樿鏄疄蹇冪偣锛岀浉褰撲簬鍔犱笂浜唋ist-style:disc
绛旓細2銆鍦–SS涓姞涓妉ist-style-type:none銆傚拰涓婁竴绉嶆柟寮忎竴鏍凤紝鍙槸鐢ㄤ簡涓嶅悓鐨勫睘鎬с3銆佸湪li鏍囩閲岄潰鐩存帴鍔犲叆鍒楄〃鏍峰紡锛屽墠闈袱涓粰浜嗘牱寮忓幓闄ゅ渾鐐癸紝鍚庨潰涓や釜娌＄粰锛岃繕浼氭樉绀哄嚭鏉ャ4銆佸綋鐒讹紝涔熷彲浠ョ粰鏍囩涓涓被鍚嶏紝鍦–SS涓粰鏍峰紡锛屾瘮濡備笅鍒椾唬鐮侊紝鍙粰绗竴涓猯i鏍囩鏍峰紡锛屽畠鑷劧灏辨病鏈鍓嶉潰鐨鍦嗙偣浜嗐
绛旓細缁欎粬浠瀹氫竴瀹氱殑width鍜宧eight浣犲氨鍙互娓呮櫚鐨勭煡閬撲簡銆li鏍囩鐨刢ss鏍峰紡鍚嶇О鏄痗urrent鍏朵腑瑕佽鏄庣殑灏辨槸妤间笂璇寸殑鏈夌偣灏忛棶棰橈紝li鏄痙w鐨勯粯璁ゆ爣绛炬墍浠ヤ笉闇瑕佽皟鐢╟lass,鐩存帴璁剧疆瀹宑ss涔嬪悗li鍗冲彲鐢熸晥銆備笉杩囧畠鎺у埗鐨勬槸鎵鏈夌殑li.濡傛灉瑕佹帶鍒跺崟涓鍒嗗紑瀹氫箟css鏍峰紡锛岀劧鍚庡啀鐢╟lass鎴杋d璋冪敤.
绛旓細css鎺у埗li鍜寀l鐨勮竟璺,鍙互浣跨敤margin灞炴ф潵瀹炵幇鎴栬卲adding灞炴ч兘鍙互锛屽湪璁剧疆width鍜宧eight灞炴ф椂锛岃绠楀ソ鍚勮嚜鐨勮窛绂伙紝鐒跺悗璁剧疆澶氬皯px灏卞彲浠ュ疄鐜帮紝涓嬮潰浠嬬粛浜嗕竴涓嬬畝鍗曠殑鎺у埗鍜屽幓鎺li鍓嶉潰鍦嗙偣鐨勬柟娉 涓銆CSS鎺у埗ul缂╄繘闂磋窛鐨勬柟娉曪細<style type="text/css"> ul{margin-left:-10px;} </style> <ul> <li...
