html 頁面樣式 div span 排版

2021-04-15 11:02:08 字數 1164 閱讀 8526

由於div預設是block   塊   會換行

span預設是inline   內聯   同一行 

<

html

>

<

head

>

head

>

<

body

>

<

div 

align

=left 

style

="display:inline;border:1px solid green;width:20px;"

>

11div

>

<

div 

align

=center 

style

="display:inline;border:1px solid green;width:800px;"

>

22div

>

<

div 

align

=right 

style

="display:inline;border:1px solid green;width:150px;"

>

33div

>

<

hr />

<

span 

align

=left 

style

="display:block;border:1px solid green;width:20px;"

>

11span

>

<

span 

align

=center 

style

="display:block;border:1px solid green;width:800px;"

>

22span

>

<

span 

align

=right 

style

="display:block;border:1px solid green;width:150px;"

>

33span

>

body

>

html

>

html頁面button樣式

在過去的web開發中,通常使用photoshop來設計按鈕的樣式。不過隨著css3技術的發展,你完全可以通過幾行 來定製乙個漂亮的按鈕,並且還可以呈現漸變 框陰影 文字陰影等效果。此類按鈕最大的優勢是省去了載入的步驟,並且非常易於編輯 擴充套件和定製,你只需要更改 即可。本文收集了10套基於css3...

HTML頁面的滾動條樣式

今天做東西時遇到要調整iframe的滾動條樣式,在網上找到了一些介紹,關鍵部分摘錄如下 scrollbar face color rgb 10,236,209 滾動條凸出部分的顏色 scrollbar highlight color rgb 23,255,155 滾動條空白部分的顏色 scrollb...

如何在HTML頁面中包含CSS樣式

1 行內樣式 這個方式是直接在html的標籤中插入 style 屬性 屬性值 這個屬性 這是最簡單的一種插入方式,所以這個插入方式看上去很low 行內樣式的缺點主要有兩個 一 w3c標準是 內容 樣式 行為三者分開,這個嵌入方式不符合w3c規範,並且 亂,不好維護 二 冗餘,相同的style得寫多次...