增加列表樣式 - 子彈類型的大小

有沒有辦法增加的大小 bullet list-style-type using CSS？我不想增加項目符號文本的大小，只是子彈類型。我無法使用圖片或JavaScript。它必須是我可以在<head>標記內嵌入<style>標記的內容。增加列表樣式 - 子彈類型的大小

來源

2011-12-09 Chris22

可能無法在舊版本的IE瀏覽器的工作。

li:before{ content:'\00b7'; font-size:100px; }

Demo

對於IE6：

沒有JavaScript或圖像，我會在每一個列表項的開始建議把一個<span>·</span>和造型這一點。

來源

2011-12-09 19:49:42 bookcasey

+1之前使用'1個很好的例子（vertical-align：middle實際上是CRUCIAL在這裏，很好）！也insted的的「\ 00B7」可以用「•」 :) –

我一般使用轉義的十六進制值，因爲我使用的符號之前遇到了一些麻煩。例如，這樣的：'跨度：{內容：「」之前「;}'不工作，但這樣的：'跨度：前{內容：」 \ 0022" ;}'確實 – bookcasey

感謝，bookcasey優秀的解決方案，。雖然我不能用'：before'因爲它的唯一的IE6網站 – Chris22

當你說你不能使用圖像，你的意思是你不能編輯li標籤添加圖像，或根本不能使用圖像？

在li元素上，可以設置list-style-image屬性。

li { 
list-style-image: url('/imagepath.png'); 
}

這仍然可以在你的頭標籤沒有編輯列表的標記。

來源

2011-12-09 19:48:31 Brandon

謝謝布蘭登。是的，我根本無法使用圖像。 – Chris22

發現這個http://stackoverflow.com/questions/7563344/how-can-i-increase-the-bullet-size-in-a-li。我會更多地關注它。儘管我也無法使用JavaScript。這是一個非常古老的特殊用途的應用程序。 – Chris22

沒有辦法，我知道。

，但你可以僞造它採用：前

ul,li{list-style:none;} 
li:before{content:"o";font-weight:bold;}

來源

2011-12-09 19:49:03

謝謝，凱。這是一個IE6網站，所以不能在' – Chris22

爲（例如：.menu li a）標記添加任何背景顏色，並添加填充以獲得像框一樣的border-radius，然後爲（.menu li）應用填充左側和右側的間距以用於間距......（按照相反的順序解釋）

#header .nav-primary ul li{float:left;display:block;margin:0;padding:0 22px;} 
#header .nav-primary ul li a{text-decoration:none;color:#030;background:#CBCBCB;border-radius:5px;padding:5px 0px;}

來源

2012-12-20 20:41:22 Lohith

我不得不做類似的事情。我的方法是李中添加文本週圍的跨度標籤：

<li><span>Item 1</span></li> 
<li><span>Item 1</span></li>

然後你就可以增加你的裏的font-size和降低跨度的字體大小：

你可能需要調整線高和邊距以適應額外的尺寸。但是這種方法也可以讓你將文本中的項目符號分開。

來源

2015-03-20 13:18:43

這個工程很好的造型電子郵件中的子彈，因爲你可以使用內嵌樣式他們。哦，HTML電子郵件的恐怖！ :) – Tessa

正在尋找解決方案，並發現如果您在li中嵌套p，則可以分別設計項目符號和項目符號文本的樣式。

<div> 
    <ul> 
    <li><p>Hello</p></li> 
    </ul> 
</div 

div ul li { 
/*this will style the bullets*/ 
} 

div ul li p { 
/*this will style the text*/ 
}

來源

2017-04-04 23:04:36 deeble

增加列表樣式 - 子彈類型的大小

回答

相關問題