CSS學習教程 用dl dt dd來製作列表

2021-08-26 22:34:36 字數 872 閱讀 7489

·我是女生!部落格裡的文章是我自己寫的!

***·我是女生!部落格裡的文章是我自己寫的!

***·我是女生!部落格裡的文章是我自己寫的!

***·我是女生!部落格裡的文章是我自己寫的!

***·我是女生!部落格裡的文章是我自己寫的!

***·我是女生!部落格裡的文章是我自己寫的!

***·我是女生!部落格裡的文章是我自己寫的!

***·我是女生!部落格裡的文章是我自己寫的!

***·我是女生!部落格裡的文章是我自己寫的!

***·我是女生!部落格裡的文章是我自己寫的!

***·我是女生!部落格裡的文章是我自己寫的!

***·我是女生!部落格裡的文章是我自己寫的!

***·我是女生!部落格裡的文章是我自己寫的!

***·我是女生!部落格裡的文章是我自己寫的!

***

布局布分當然不用說了:

·部落格裡的文章是我自己寫的!

·部落格裡的文章是我自己寫的!

·部落格裡的文章是我自己寫的!

...........

css部分: * body dl dt,dd dd h1

很多人容易忽略 dl dt dd的用法

dl 內容塊

dt 內容塊的標題

dd 內容

可以這麼寫:

標題內容1

內容2dt 和dd中可以再加入 ol ul li和p

理解這些以後,在使用div布局的時候,會方便很多

dl:代表html自定義列表

dt:代表html自定義列表組

dd:html自定義列表描述

dt主要放label部分,dd主要放input或其他。

注意:和label布局一樣,有ie的3px bug。

CSS學習教程 用dl dt dd來製作列表

我是女生!部落格裡的文章是我自己寫的!我是女生!部落格裡的文章是我自己寫的!我是女生!部落格裡的文章是我自己寫的!我是女生!部落格裡的文章是我自己寫的!我是女生!部落格裡的文章是我自己寫的!我是女生!部落格裡的文章是我自己寫的!我是女生!部落格裡的文章是我自己寫的!我是女生!部落格裡的文章是我自己寫...

DivCSS布局例項 用dl dt dd來製作列表

今天有人發郵件問的乙個問題,最開始的想法是用ul列表來實現 但是這樣用出現兩個比較麻煩的地方 1 如果用ul還布局,右邊一欄比較麻煩 2 文字外邊的邊框自適應比較麻煩 3 很可能要定死高度 所以,細細地看一看這個布局,想一想還是用dl.dt.dd作是合理的 1 布局合理一些 2 將來擴充套件很方便 ...

用css來設定table的border

在網頁中table是一種很好的展示資料的標籤。預設情況下,table是沒有border的,但是我們為了好看,經常要給table加上border。而且ie7 8 9下border的顏色還不一樣,下面我們就來看看如何用css來控制table的border的顯示。首先,我們建立乙個簡單的table,如下 ...