1. 程式人生 > >CSS3美化網頁元素

CSS3美化網頁元素

對齊 -c 行高 尺寸 美化 不同 分享 -s cal

一、<span>標簽

作用:能讓某幾個文字或者某個詞語凸顯出來

技術分享圖片

技術分享圖片

技術分享圖片

text-indent--首行縮進

技術分享圖片

line-height--行高

文本修飾

技術分享圖片

垂直對齊方式

vertical-align:bottom,middle,top

技術分享圖片

陰影

技術分享圖片

效果

技術分享圖片

二、超鏈接

技術分享圖片

技術分享圖片

技術分享圖片

三、列表

list-style-type

list-style:none----去除小黑圓點

四、背景顏色

background-colour

background-image:url(圖片路徑);

技術分享圖片

background-position

技術分享圖片

背景屬性

技術分享圖片

背景的尺寸

background-size

技術分享圖片

線性漸變

不同瀏覽器需要加不同的前綴

技術分享圖片

技術分享圖片

技術分享圖片

CSS3美化網頁元素