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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- svg 圖示設定背景顏色SVG
- js設定頁面TR 的屬性 背景顏色 樣式JS
- JavaScript獲取背景圖片定位值JavaScript
- 如何在 CSS 背景圖片中對 SVG 圖片進行著色 ,修改svg圖片顏色CSSSVG
- html+css 設定背景圖片HTMLCSS
- 背景圖-background定位
- 技巧分享:如何利用CSS屬性修改圖片顏色?CSS
- 設定toast的字型顏色和背景顏色AST
- 天地圖修改主題顏色修改背景色地圖
- Flutter改變狀態列字型、狀態列背景顏色、Appbar背景顏色的方式FlutterAPP
- CSS 中的顏色、背景和剪下CSS
- CSS設定元素的背景顏色CSS
- CSS-背景顏色|background-colorCSS
- markdown字型顏色和背景設定
- css3背景顏色漸變CSSS3
- VC 對話方塊背景顏色、控制元件顏色控制元件
- C# 獲取PPT幻燈片背景型別和顏色C#型別
- html背景圖的使用HTML
- 如何操作SAP UI5應用Footer區域工具欄按鈕的背景顏色UI
- 修改pyqtgraph匯出檢視背景顏色QT
- 強大的CSS:顏色、背景和剪下CSS
- 如何修改CAD夢想畫圖繪圖視窗的背景顏色繪圖
- html canvas 圖片壓縮後 透明背景變成黑色HTMLCanvas
- H5-20 背景屬性H5
- 使用 Promise 迴圈改變 div 背景顏色Promise
- CSS · 兩種背景圖片CSS
- IDEA更換背景圖片Idea
- Android ImageView 清空背景圖片AndroidView
- vscode設定背景圖片VSCode
- win10系統如何設定Word背景顏色_win10 word頁面背景顏色設定步驟Win10
- 點選連結背景變色效果
- win10 如何設定txt背景綠色 win10如何在txt文件修改背景顏色Win10
- 自定義Toast的背景顏色大小及字型大小AST
- vscode如何更改背景顏色主題,黑色或白色?VSCode
- 神奇的 CSS,讓文字智慧適配背景顏色CSS
- 讓你的文字自動適配背景顏色
- 4. CSS 背景和滑鼠屬性CSS
- css3新增哪些背景屬性CSSS3