CSS設定邊框 符號 背景樣式 鏈結屬性

2022-08-30 05:54:08 字數 1560 閱讀 1308

一、css邊框空白

padding-top:10px; /*上邊框留空白*/

padding-right:10px; /*右邊框留空白*/

padding-bottom:10px; /*下邊框留空白*/

padding-left:10px; /*左邊框留空白

二、css符號屬性

list-style-type:none; /*不標記*/

list-style-type:decimal; /*阿拉伯數字標記*/

list-style-type:lower-roman; /*小寫羅馬數字標記,如:i,ii,iii,iv,v等*/

list-style-type:upper-roman; /*大寫羅馬數字標記,如:i,ii,iii,iv,v等*/

list-style-type:lower-alpha; /*小寫英文本母標記*/

list-style-type:upper-alpha; /*大寫英文本母標記*/

list-style-type:disc; /*實心圓標記*/

list-style-type:circle; /*空心圓標記*/

list-style-type:square; /*實心方塊標記*/

list-style-image:url(/dot.gif); /*自定義標記*/

list-style-position: outside; /*凸排*/

list-style-position:inside; /*縮排*/

三、css背景樣式

/*背景顏色*/  

background:transparent; /*透視背景*/

background-image : url(/image/bg.gif); /*背景*/

background-attachment : fixed; /*浮水印固定背景*/

background-repeat : repeat; /*重複排列-網頁預設*/

background-repeat : no-repeat; /*不重複排列*/

background-repeat : repeat-x; /*在x軸重複排列*/

background-repeat : repeat-y; /*在y軸重複排列*/

指定背景位置

background-position : x% y%; /*背景x與y軸的位置*/

background-position : top; /*向上對齊*/

background-position : buttom; /*向下對齊*/

background-position : left; /*向左對齊*/

background-position : right; /*向右對齊*/

background-position : center; /*居中對齊*/

四、css連線屬性

a /*所有超連結*/

a:link /*超連結文字格式*/  

a:visited /*瀏覽過的鏈結文字格式*/

a:active /*按下鏈結的格式*/

a:hover /*滑鼠轉到鏈結*/

設定樣式 背景和邊框

一 背景 background 背景顏色 background color red 簡寫background red 背景background image url 路徑 簡寫background url 背景平鋪 1 平鋪 瀏覽器預設 2 不平鋪 background repeat no repea...

邊框樣式 背景樣式

1 邊框屬性 屬性說明 border width 邊框的寬度 border style 邊框的外觀 border color 邊框的顏色 border style 屬性值說明 none 無樣式hidden 與 none 相同。bug應用於表除外。對於表,hidden用於解決邊框衝突 solid 實線...

CSS非布局樣式背景 邊框

hsla 60,100 50 四個引數 顏色 0 360 飽和度 亮度 透明度 hsl 可以不設透明度 漸變色背景 background webkit linear gradient left,red,green background linear gradient to right,red,gre...