2. 程式人生 > 其它 >CSS列表樣式

CSS列表樣式

阿新 • • 發佈：2021-01-09

技術標籤：css學習html5列表css3html

CSS列表樣式

list-style-type:取值;

這是針對有序和無序列表的，ol/ul

有序列表

屬性值說明
decimal1、2、3…
lower-roman小寫羅馬數字i、ii、ii…
upper-roman大寫羅馬數字
lower-alpha小寫英文字母
upper-alpha大寫英文字母

無序列表

屬性值說明
disc實心圓（預設值）
circle空心圓
square正方形

注：去除列表項符號，把屬性值改為none

列表項圖片

list-style-image:url(圖片路徑);

例子：

<!DOCTYPE html>
<
 
html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			ol{list-style-type: none;}
			li,a{
				color:pink;
				text-decoration: none;
			}
		</style>
	</head>
	<body>
		<ol>
			<li><a href
 
="http://www.baidu.com/">Top1：百度</a></li>
			<li><a href="https://www.taobao.com/">Top2：淘寶</a></li>
			<li><a href="https://www.sina.com.cn/">Top3：新浪</a></li>
			<li><a href="https://www.163.com/">Top4：網易</
 
a></li>
			<li><a href="https://www.sohu.com/">Top5：搜狐</a></li>
		</ol>
	</body>
</html>

效果：
在這裡插入圖片描述

相關推薦

CSS 列表樣式

我們知道在 HTML 中列表可以分為無序列表、有序列表、定義列表。在網頁中經常可以看到無序列表的使用，例如像導航欄選單、新聞列表、商品分類、圖片展示等，基本都是通過無序列表來實現的。

CSS列表樣式

技術標籤：css學習html5列表css3html CSS列表樣式 list-style-type:取值; 這是針對有序和無序列表的，ol/ul

8.css列表樣式

1 <!DOCTYPE html> 2 <html lang=\"en\"> 3 <head> 4<meta charset=\"UTF-8\"> 5<title>列表樣式</title>

css 列表多列多行 同行等高樣式

<ul> <li>車我</li> <li>車我華服日UC金額我我何潤鋒v車我華服日UC金額我我何潤鋒v車我華服日UC金額我我何潤鋒v車我華服日UC金額我我何潤鋒v</li>

css列表屬性和樣式控制

如下圖是360瀏覽器主頁的內容，上邊有導航，下邊是新聞列表，這種佈局很常見，今天就來學習css列表屬性之後並製作它。

(六).CSS的背景樣式，滑鼠游標樣式，列表樣式，表格樣式，組合選擇器

1 CSS 常用屬性 1.1 背景樣式 屬性名 作用 屬性值 background-color 設定背景顏色 顏色 background-image

CSS層疊樣式表學習筆記3--css入門列表樣式

1.列表樣式的屬性： ● 1.list-style-type：序號變成，空心圓、方框、數字，拉丁字母等等列表前面的序號的樣式；自然下面前幾個是無序列表的，後面幾個是有序列表的；（實測，可以混用，但應該不提倡這樣做吧，可能

CSS資料樣式

CSS資料樣式 表格 定製表格 　　我們除了可以使用<table>標籤進行繪製表格，在css3中display也支援進行表格的樣式繪製。

VUE Class列表樣式數繫結案例

VUE Class列表樣式數繫結案例 Class 與 Style 繫結 v-bind 通過class列表和style指定樣式是資料繫結的一個常見需求，他都是元素屬性，都用 v-bind 處理，其中表達式結果的型別可以是：字串、物件 或 陣列。

HTML5+CSS3前端入門教程---從0開始通過一個商城例項手把手教你學習PC端和移動端頁面開發第4章CSS文字樣式

本教程案例線上演示 有路網PC端 有路網移動端 免費配套視訊教程 免費配套視訊教程

CSS字型樣式

1 color 字型顏色 定義元素內文字顏色。 語法：color:顏色名|十六進位制|RGB color屬性用於定義文字的顏色，其取值方式有如下3種：

css字型樣式+文字樣式

font-family屬性值：具體字型名或者字型集 如果是中文或者有單詞之間有空格，需要加雙引號

Jquery_HTML-對HTML內容刪除新增、操作CSS改變樣式、遍歷定位元素

1 <!DOCTYPE html> 2 <html lang=\"en\"> 3 <head> 4<meta charset=\"UTF-8\"> 5<title>Title</title>

CSS0013： CSS 通用樣式

1， /* 通用樣式 */ *,::after,::before { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent;

CSS字型樣式屬性

font-size:字型大小 說明 用於設定字號，屬性的值推薦使用畫素單位px或者em px是畫素單位，em是相對單位

CSS 滑鼠樣式

設定滑鼠指標放在一個元素邊界範圍內時所用的游標形狀，需要對元素的css屬性cursor進行設定。cursor屬性可能的值：

引入css外部樣式表的注意事項

轉自◎小黑路人xiaoho.com為什麼會有這篇文章，外部引入樣式有什麼好談的，不外乎就是<linkrel=”stylesheet”href=”style.css”/>就這麼簡單，還有什麼，so

CSS文字樣式

一.字型樣式屬性 1.font-size：字號大小 2.font-family:字型 3.font-weight：字型粗細 {100的整數倍，值越大越粗}

HTML基礎標籤和CSS基礎樣式總結

HTML 1. 基礎 HTML 英文全稱 Hyper Text Markuo Language 超文字標記語言 描述網頁內容和外觀的標準

css常用樣式總結

文字超出部分…代替，滑鼠滑過懸浮顯示 <div class = "showOverFlow" :title="title">{{title}}</div>