ul li設定橫排，並除去li前的圓點

效果預覽：

如何用css製作橫向選單讓ul li橫向排列及圓點處理

我們先建立乙個無序列表，來建立選單的結構。**是：

<
ul>
<
li><
a href
="">首頁
a>
li>
<
li><
a href
="map/"
a>
li>
<
li><
a href
="menu/hovertreecms/"
>hovertreecms
a>
li>
<
li><
a href
="menu/texiao/"
>特效
a>
li>
<
li><
a href
=""a>
li>
<
li><
a href
="hvtart/bjae/74cc61ed089a2991.htm"
>jquery列表滑鼠經過遮罩顯示文字
a>
li>
<
li><
a href
="hvtart/bjae/rtmloulp.htm"
>原文
a>
li>
ul>

效果是：

第二步：隱藏li的預設樣式，去掉圓點

因為看起來不是很好看，選單通常都不需要li預設的圓點，我們給ul定義乙個樣式來消除這些圓點。

當然，為了更好的控制整個選單，我們把選單放在乙個div裡。頁面**變成：

<
style
>
.hvtulli22 ul
style
>
<
div 
class
="hvtulli22"
>
<
ul>
<
li><
a href
="">首頁
a>
li>
<
li><
a href
="map/"
a>
li>
<
li><
a href
="menu/hovertreecms/"
>hovertreecms
a>
li>
<
li><
a href
="menu/texiao/"
>特效
a>
li>
<
li><
a href
=""a>
li>
<
li><
a href
="hvtart/bjae/74cc61ed089a2991.htm"
>jquery列表滑鼠經過遮罩顯示文字
a>
li>
<
li><
a href
="hvtart/bjae/rtmloulp.htm"
>原文
a>
li>
ul>
div>

css定義為：

.hvtulli22 ul

說明：「.hvtulli22 ul」表示我要定義的樣式將作用在hvtulli的層裡的ul標籤上。

現在的效果是沒有圓點了：

首頁hovertreecms

特效jquery列表滑鼠經過遮罩顯示文字

原文第三步：關鍵的浮動

這裡是選單變成橫向的關鍵，我們給li元素加上乙個「float:left;」屬性，讓每個li浮動在前面乙個li的左面，margin-left:10px 使li之間間隔10畫素。

css定義為：

.hvtulli li

效果是：

看，選單變橫向了。就這麼簡單！下面需要做的就是優化細節了。

html檔案**：

>ul中li橫排，除去li前的圓點，li之間間隔-何問起

title

base

target

="_blank"

Matlab設定Legend橫排分塊

高階用法1 指定legend顯示的位置 legend location southeast 比較雞肋，畫好圖後樹手動拖動就好了高階用法2 指定顯示某幾條曲線的legend 例如你有25條曲線，想顯示其中1，6，11，16，21的legend h plot data legend h 1 6 11 ...

EF 設定除ID 之外的主鍵

ef 中老外們都預設id 列為主鍵，要是想取消id 為主鍵設定其他列為主鍵的方法第一步，取消主鍵 databasegenerated databasegeneratedoption.none public int32 id get 二新增主鍵 databasegenerated datab...

Azkaban Executor 設定任務並行度

近期需求，想對azkaban當前執行的最大flow數有所控制。flow中可以包含多個job。預設讀者熟悉azkaban 查到官網配置檔案在azkaban executor的conf azkaban.properties中配置 executor.flow.threads 當前可以執行的flow的數量...

ul li設定橫排，並除去li前的圓點

Matlab設定Legend橫排 分塊

EF 設定除ID 之外的主鍵

Azkaban Executor 設定任務並行度

相關推薦

Matlab設定Legend橫排分塊