HTML連載79-背景圖片定位區域屬性、背景顏色
一、這一節講解的是背景圖片開始的位置也是可以設定的:
background-orgin:數值值;
這裡的屬性值就是開始的位置,可分為:
padding-left(預設);content-box;border-box <style> *{ margin:0; padding;0; } ul li{ list-style: none; float:left; width: 200px; height: 200px; text-align:center; line-height:100px; border:10px dashed black; margin-left: 20px; background:url("image/mountain.jpg") no-repeat; } ul li:nth-child(2){ background-origin: padding-box;/*背景圖片預設從什麼區域開始顯示,預設就是從padding區域開始顯示*/ } ul li:nth-child(3){ background-origin: border-box; } ul li:nth-child(4){ background-origin: content-box; }...............省略程式碼............ <ul> <li>預設</li> <li>padding</li> <li>border</li> <li>content</li>
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69966782/viewspace-2683893/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- iOS 顏色製作背景圖片iOS
- css 背景圖片屬性CSS
- CSS實現的背景圖片替代顏色程式碼CSS
- CSS語法手冊(五)顏色和背景屬性(轉)CSS
- svg 圖示設定背景顏色SVG
- CSS中背景圖片定位方法CSS
- js設定頁面TR 的屬性 背景顏色 樣式JS
- JavaScript獲取背景圖片定位值JavaScript
- 想把圖片當背景,但是其他控制元件背景設為透明色後,顯示的是背景顏色的問題解決控制元件
- 如何在 CSS 背景圖片中對 SVG 圖片進行著色 ,修改svg圖片顏色CSSSVG
- Eclipse背景顏色修改Eclipse
- iOS UISearchBar 修改背景顏色iOSUI
- css 設定背景顏色CSS
- 005_HTML製作炫酷登入介面(CSS精靈圖、背景圖片區域性顯示)HTMLCSS
- iOS 背景圖層的顏色漸變效果iOS
- 背景圖-background定位
- html+css 設定背景圖片HTMLCSS
- 設定toast的字型顏色和背景顏色AST
- iphone 更改鍵盤背景顏色iPhone
- 技巧分享:如何利用CSS屬性修改圖片顏色?CSS
- div+css背景圖片的定位取圖方法CSS
- 天地圖修改主題顏色修改背景色地圖
- Flutter改變狀態列字型、狀態列背景顏色、Appbar背景顏色的方式FlutterAPP
- 在CSS中對背景圖片進行設定相關屬性CSS
- CSS 中的顏色、背景和剪下CSS
- CSS-背景顏色|background-colorCSS
- CSS設定元素的背景顏色CSS
- markdown字型顏色和背景設定
- css3背景顏色漸變CSSS3
- JavaScript 背景顏色隨機變化JavaScript隨機
- VC 對話方塊背景顏色、控制元件顏色控制元件
- CSS背景圖片作為連結效果CSS
- html背景圖片自適應瀏覽器HTML瀏覽器
- C# 獲取PPT幻燈片背景型別和顏色C#型別
- UITabBarController、TabBar背景顏色設定、TabBarItem顏色處理UItabBarController
- 小程式之背景圖片的載入
- 強大的CSS:顏色、背景和剪下CSS
- 修改pyqtgraph匯出檢視背景顏色QT