css樣式圖片、漸變、相關小知識(必看)
發(fā)布時間：2016-07-14 14:48:28 作者：佚名 
我要評論
我要評論下面小編就為大家?guī)硪黄猚ss樣式圖片、漸變、相關小知識(必看)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
一，background-position：（圖片定位）
三種寫法：
1）：按％比，左上角最?。?％，0%），右下角最大（100%，％100）；
2）：（x,y）左上角最小（0，0），右下角最大（max，max）；
3）top，center，left，right，bottom；
二，background-clip:
1，包含那一部分的值：border；padding；content；
三，background-origin:
1，從那一部分值開始：border；padding；con tent；
四，背景圖像是否固定或者隨著頁面的其余部分滾動。
1，scroll：隨著頁面的其余部分滾動
2，fixed ：固定在窗口的某個位置。
五，漸變：
1，線性漸變：linear-gradient：
1）如果是角度：角度，過渡色；
2）如果是top。。。，方向前加to，后過渡色；
2，逕向漸變：radial-gradient：
1）默認是中心點漸變；
2）［size at left top］：其中size是漸變半徑。
3,重復漸變：
1）重復線性漸變：repeating－linear－gradient：格式跟線性漸變一樣。
2）重復逕向漸變：reoeating－radial－gradient：格式跟逕向漸變一樣。
以上這篇css樣式圖片、漸變、相關小知識(必看)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
原文地址：http://www.cnblogs.com/yzybc/p/5649602.html
相關文章
- 下面小編就為大家?guī)硪黄胏ss樣式的書寫格式詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-03
- 下面小編就為大家?guī)硪黄猈eb前端開發(fā)css基礎樣式總結(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-02
本特效是一款使用CSS3幀動畫來制作的炫酷404頁面動畫效果的代碼。該404頁面以書架為主題，歡迎下載使用2016-07-28- 下面小編就為大家?guī)硪黄狧TML CSS樣式基礎(必看篇)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-23
- 這篇文章主要介紹了CSS更改鼠標為手狀樣式的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-20
- 下面小編就為大家?guī)硪黄獙τ谝恍ヽss樣式的巧妙方法進行總結(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-14
- 下面小編就為大家?guī)硪黄獪\談CSS樣式權值。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-05
