css的background屬性

琛ｈ。發布于2019-08-28 18:28 / 1016人閱讀

摘要：背景屬性如下設置或檢索對象的背景特性設置或檢索對象的背景顏色設置或檢索對象的背景圖像設置或檢索對象的背景圖像如何鋪排填充設置或檢索對象的背景圖像是隨對象內容滾動還是固定的設置或檢索對象的背景圖像位置新增的設置或檢索對象的背景圖像

背景background屬性如下：

background:設置或檢索對象的背景特性
background-color:設置或檢索對象的背景顏色
background-image:設置或檢索對象的背景圖像
background-repeat:設置或檢索對象的背景圖像如何鋪排填充
background-attachment:設置或檢索對象的背景圖像是隨對象內容滾動還是固定的
background-position:設置或檢索對象的背景圖像位置
css3新增的:
background-origin:設置或檢索對象的背景圖像顯示的原點
background-clip:檢索或設置對象的背景向外裁剪的區域
background-size:檢索或設置對象的背景圖像的尺寸大小

background-origin： [ , ]*
= border-box | padding-box | content-box

div
{ padding:25px;
border:10px dotted #000000;
background-image:url("/i/eg_smile.gif");
background-origin:content-box;
background-repeat:no-repeat;}

div
{ padding:25px;
border:10px dotted #000000;
background-image:url("/i/eg_smile.gif");
background-origin:border-box;
background-repeat:no-repeat;}

 div
{ padding:25px;
border:10px dotted #000000;
background-image:url("/i/eg_smile.gif");
background-origin:padding-box;
background-repeat:no-repeat;}

GPU云服務器云服務器 css屬性訪問CSS屬性 position屬性，css 獲取CSS屬性值

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/111254.html

[實踐總結]純css實現動態邊框

摘要：另外一種實現思路是添加四個來分別實現上下左右的邊框效果，雖然可行，但是要添加四個額外元素，有點兒得不償失的感覺。背景這幾天工作中遇到一個交互需求，要求實現一個效果，當鼠標移入一個元素的時候，元素出現一個動態的邊框，如圖： showImg(https://user-gold-cdn.xitu.io/2019/5/15/16aba8a2ccb58e4e);動態邊框思路看到這個效果，我首先想...

BlackHole1 2019-05-23 16:28 評論0 收藏0
CSS學習筆記(七) 背景

摘要：任何方向上都不重復只讓背景圖片顯示一次。，背景圖片就會以段落的中心點為起點。第一個值表示水平位置，第二個值表示垂直位置。拉大圖片，使其完全填滿背景區保持寬高比。提示漸變是幫我們生成的背景圖片。在CSS里面，每個元素盒子都可以想象成由兩個圖層組成。前景層：內容（如文本或圖片）和邊框。背景層：用實色填充（使用 background-color 屬性），也可以包含任意多個背景圖片（...

Pikachu 2019-08-28 18:03 評論0 收藏0
圖解CSS3 讀書筆記——背景

摘要：將保持背景的原始高度和寬度。對于平鋪的重復性背景圖像，確保背景圖像不會有截斷效果。解決屏幕雙倍像素下背景圖像模糊問題。將大圖縮小一倍使用鏈接或者列表元素的背景圖像能和文本一起進行縮放。內聯元素背景圖像平鋪循環方式暫無文章多背景 CSS背景屬性基本屬性 background-color: 默認值為transparent，可以以顏色名、rgb(css3新增rgba)、hls(css3中新...

felix0913 2019-08-28 18:23 評論0 收藏0
CSS 設計指南學習筆記二

摘要：原文地址本篇文章是筆者的設計指南學習筆記的第二部分，由于最近都在準備期末考的事，所以都沒來得及對設計指南進行一些總結，沒有看之前第一部分的話也可以從這里傳送過去。原文地址：http://justclear.github.io/css-stylin-with-css-note-2 本篇文章是筆者的《CSS 設計指南》學習筆記的第二部分，由于最近都在準備期末考的事，所以都沒來得及對 ...

printempw 2019-08-30 12:47 評論0 收藏0
css學習歸納總結（二）

摘要：子選擇器只對直接后代有影響的選擇器，而對孫子后代以及多層后代不產生作用。爛透了盡可能使用復合語法糟糕好的避免不必要的重復糟糕好的組織好的代碼格式代碼的易讀性和易維護性成正比。標簽與元素標簽和p元素有什么區別呢？大多數時候他們表示的是同一樣東西，但仍有細微的區別。、等指的是HTML分隔符，而元素則是由一對開始結束標簽構成的，用來包含某一些內容子選擇器和后代選擇器的區別：后代選擇器...

KnewOne 2019-08-28 18:00 評論0 收藏0
前端面試之CSS3新特性

摘要：和這三個特性是新增的和動畫相關的特性。使用方式如下和變換類型可以有各種變換類型，即屬性值定義不進行轉換。設置列之間的寬度樣式和顏色規則和和用戶界面中，新的用戶界面特性包括重設元素尺寸盒尺寸以及輪廓等。除了html5的新特性，CSS3的新特性也是面試中經常被問到的。選擇器 CSS3中新添加了很多選擇器，解決了很多之前需要用javascript才能解決的布局問題。 element1~...

glumes 2019-08-29 12:53 評論0 收藏0