多背景的事例分享
我們在寫一個網頁的時辰，凡是城市為頁面添加一個布景，增添頁面的美不雅，可是若是為一個元素添加多個布景要若何實現呢？小編就為大師分享一下本身做的事例；
東西/原料
- 電腦
- 英雄聯盟
方式/步調
- 1
既然我們是為做例子，就簡單的做一下，（復雜也不會...........），先在頁面中寫一個 div，div中包含一些文字；
- 2
這里我們先介紹一個屬性 border-radius，這個屬性可以讓我們把邊框的直角換為圓弧，如圖二所示；
- 3
在節制一下 div 中的文字樣式，位置；
text-align：center；節制居中
line-height;1.5;行高節制；
- 4
然后我們用如圖一如許的寫入代碼，添加布景，注重，最底層的布景必然要寫到最后，用逗號朋分；結果如圖二；
- 5
之后我們用
background-position這個屬性依次節制圖片布景的位置，左上，右上，左下，右上，
- 6
這時布景仍是無法完全貼著邊框，我們再用
background-origin：border-box；
節制原點屬性，以邊框為原點；
注重事項
- 僅作分享；
- 發表于 2018-04-09 00:00
- 閱讀 ( 677 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章