背景(背景漸變)、文字的簡單設定(文字加粗、首行縮排、文字投影)、兄弟元素、滑鼠樣式(手形)

楊延琴發表於2020-10-25

知識點梳理

背景

背景影像:預設平鋪

background-image:url("圖片路徑"),

背景不重複:

background-repeat:no-repeat;

背景位置

background-position:center top;

背景漸變

徑向漸變

background:radial-gradient(顏色1,顏色2...)

控制顏色節點

background:radial-gradient(顏色1 節點1,顏色2 節點2,...)

文字

文字加粗

font-weight:bold

首行縮排

text-indent:20px;

文字投影

text-shadow:水平位置 垂直位置 模糊值 顏色;

兄弟元素

a~b 選擇a元素之後的兄弟元素b

滑鼠樣式:手形

cursor:pointer;

透明色

tranparent 

過渡 【空格】隔開

transition:過渡屬性名 持續時間  延遲執行的時間;;

相關文章