CSS:陰影/邊框/背景

文本陰影(text-shadow):(,,,)水平的偏移值,垂直方向的偏移量,模糊度,陰影顏色字體

box-shadow(元素陰影):(,,,,)水平的偏移值,垂直方向的偏移量,模糊度,陰影顏色,外延值url

text-overflow文本溢出spa

word-wrap(換行):break-all讓連續的文字斷行圖片

引用字體庫:@font-face{}ip

font-family{設置爲定義的字體庫}容器

顏色:rgba( , , , 0-1透明度):對話框/hsl(色調,飽和度,亮度)/hsla/rgb(0-255)cli

邊框:(border-radius:半徑;可設置多個值(左上,右下/右上和左下一致)邊框圓角)eg(五環);引用

border-image:url()  (邊框大小) round(拉伸填滿)/repeat(重複);//邊框圖片;必須設置邊框大小im

背景:(背景默認是從padding開始填充)word

background-origin(背景開始的地方(原點)):padding-box;原點/context-box(從內容開始);/border-box(從邊框開始);

background-clip(背景裁切):content-box;(從內容開始,將內容前面的背景(padding/border)切掉);padding-box;()/border-box();/text(用字去裁切背景

font-weight:bolder/bold;加粗

background-size(背景大小):200px  200px(水平 垂直高度)/cover(覆蓋:圖片會等比例縮放,直到兩邊都覆蓋容器,背景可能會出去)/contain(包含:圖片等比例縮放,直到一邊覆蓋到容器,背景不會出去) ;

多背景:background:url() 10 10(位置),url() 100 100(位置);

背景漸變:background:linear-gradient線性的(to butom(從上到下), #f00,#0f0);

相關文章
相關標籤/搜索