筆記 背景與漸變

2021-09-12 08:33:21 字數 409 閱讀 2391

1.background-clip

解釋:指定背景繪製區域

語法:background-clip:border-box / padding-box / content-box;

2.background-origin

解釋:指定從什麼地方開始定位,background-position為相對定位

語法:background-origin:border-box / padding-box / content-box;

3.background-size4.background-image可以在兩個或多個顏色之間顯示平穩的過渡

太多了不寫了,有點複雜,各種核心寫法不同

背景顏色漸變

css3 漸變 gradient 可以讓你在兩個或多個指定的顏色之間顯示平穩的過渡。以前,你必須使用影象來實現這些效果,現在通過使用 css3 的漸變 gradients 即可實現。此外,漸變效果的元素在放大時看起來效果更好,因為漸變 gradient 是由瀏覽器生成的。1 語法 backgroun...

背景顏色漸變

專門做漸變顏色的 這種漸變色,瀏覽器要當做背景解析的,所以應該給background image 引數1 漸變的方向 to 乙個方向 還可以寫角度,0deg在正下,值越大,越順時針旋轉 後面的引數是顏色,至少2個顏色,顏色要 2 第乙個顏色後面寫乙個百分比,代表在什麼位置結束 後面的顏色再寫百分比,...

HTML 背景 漸變

background color url repeat fixed top 1.background color 背景顏色 預設transparent透明 2.backgrounf image url 背景 3.背景平鋪 background repeat repeat x 沿x軸平鋪 repeat...