日韩欧美人妻无码精品白浆,www.大香蕉久久网,狠狠的日狠狠的操,日本好好热在线观看

LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發(fā)文檔 其他文檔  
 
網(wǎng)站管理員

CSS 21天入門:顏色和背景

admin
2024年10月18日 22:46 本文熱度 1451

CSS 可以為任何元素設(shè)置前景色和背景色。

前景色(color)

前景是指元素的文本,也包括元素四周的邊框。

因此影響元素前景色的除了 color,還有邊框的顏色。

p.one {   color: red; }  p.two {   color: blue;   border-style: solid; } 
<p class="one">第一個(gè)段落為紅色。</p> <p class="two">第二個(gè)段落為藍(lán)色。</p> 

可以看到,第二個(gè)段落,即使沒有為邊框指定顏色,它也默認(rèn)從 color 獲得了顏色值并應(yīng)用了。

select {   color: green; } 
<select>   <option value="1">蘋果</option>   <option value="1">香蕉</option>   <option value="1">橘子</option> </select> 

?

對于 select 這個(gè)元素,color 應(yīng)用到所有的選項(xiàng)中。

背景

通過 CSS 可以把元素的背景設(shè)為純色,也可以設(shè)為一個(gè)或多個(gè)圖像,甚至還可以設(shè)為線性漸變或徑向漸變。

用于定義背景的屬性如下:

  • background-color

  • background-image

  • background-repeat

  • background-attachment

  • background-position

背景色

使用 background-color 可以為元素指定背景色,它的顏色值與前面值和單位說過的顏色一樣。

背景圖

使用 background-image,可以把圖片指定成某元素的背景色,就像咱們電腦的桌面背景一樣。

默認(rèn)情況下,背景圖像進(jìn)行平鋪重復(fù)顯示,以覆蓋整個(gè)元素實(shí)體.

div.one {   margin-top: 20px;   background-image: url("../img/2-0-5-3.png"); }  div.two {   background-image: url("../img/2-0-5-3.png");   height: 400px;   margin-top: 20px; } 
<div class="one">有背景圖片的div</div> <div class="two">有背景圖片的div,高度400px</div> 

可以看到它平鋪的效果。

那如何讓它不平鋪呢?

background-repeat

通過使用 background-repeat 來指定是否重復(fù),它有 repeat-x、repeate-y 和 no-repeat 三個(gè)值,分別看一下。

div.three {   background-image: url("../img/2-0-5-3.png");   background-repeat: no-repeat;   height: 300px;   margin-top: 20px; }  div.four {   background-image: url("../img/2-0-5-3.png");   background-repeat: repeat-x;   height: 300px;   margin-top: 20px; }  div.five {   background-image: url("../img/2-0-5-3.png");   background-repeat: repeat-y;   height: 300px;   margin-top: 20px; } 
<div class="three">有背景圖片的div,高度400px, repeat: none</div> <div class="four">有背景圖片的div,高度400px, repeat: x</div> <div class="five">有背景圖片的div,高度400px, repeat: y</div> 

把每個(gè) div 的邊框標(biāo)識出來了,這樣可以更清楚看到背景的平鋪效果。

背景圖是否滾動(dòng)

使用 background-attachment 設(shè)置背景圖像是否固定或者隨著頁面的其余部分滾動(dòng)。

默認(rèn)是 scroll,即滾動(dòng)。

如果設(shè)置成 fixed,即為固定。

背景圖位置

使用 background-position 可以為背景圖指定位置,它有如下值:

  • 使用 left, right, top,bottom, center 五個(gè)關(guān)鍵字指定。

  • 使用 x% y%指定,第一個(gè)值是水平位置,第二個(gè)值是垂直。左上角是 0% 0%。右下角是 100% 100%。如果僅指定了一個(gè)值,其他值將是 50%。默認(rèn)值為:0% 0%。

background 屬性

background 屬性是背景色屬性的簡寫屬性,通過它可以把簡化背景色或圖片的指定。

其它語法順序如下:

background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip   bg-attachment initial|inherit; 

總結(jié)

  • ?? CSS 可以為元素指定前景色和背景色。

  • ?? 元素的背景色,可以是顏色,也可以是圖片。

  • ?? 當(dāng)指定圖片為背景時(shí),可以對圖片進(jìn)行控制,比如是否平鋪,居中等等。


該文章在 2024/10/19 12:29:07 編輯過
關(guān)鍵字查詢
相關(guān)文章
正在查詢...
點(diǎn)晴ERP是一款針對中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國內(nèi)大量中小企業(yè)的青睞。
點(diǎn)晴PMS碼頭管理系統(tǒng)主要針對港口碼頭集裝箱與散貨日常運(yùn)作、調(diào)度、堆場、車隊(duì)、財(cái)務(wù)費(fèi)用、相關(guān)報(bào)表等業(yè)務(wù)管理,結(jié)合碼頭的業(yè)務(wù)特點(diǎn),圍繞調(diào)度、堆場作業(yè)而開發(fā)的。集技術(shù)的先進(jìn)性、管理的有效性于一體,是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。
點(diǎn)晴WMS倉儲(chǔ)管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購管理,倉儲(chǔ)管理,倉庫管理,保質(zhì)期管理,貨位管理,庫位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號管理軟件。
點(diǎn)晴免費(fèi)OA是一款軟件和通用服務(wù)都免費(fèi),不限功能、不限時(shí)間、不限用戶的免費(fèi)OA協(xié)同辦公管理系統(tǒng)。
Copyright 2010-2025 ClickSun All Rights Reserved

亚洲aⅴ精品| 日韩精品视频六区| 涩涩一AV| 亚洲AV,自拍,偷拍| 日韩欧美另类国产日韩| 日韩综合玖玖资源一区| 国产视频91页| 欧美日本高清不卡| 大香蕉在线观看资源网| 亚洲a级片久久久| 69精品久久久久久久精| 繁峙县| 日本无码h一区二区| 精品99无码中文字幕色色| 午夜区福利一区二区三区| 色女人影院| 欧美日韩网止| 亚洲资源片中文字幕| 乱码三区久久综合| 久久人很黄的视频| 亚洲成人一二三在线| 国产搞B免费视| 日韩无码,中文字幕,| 国产免费日B视频.| 国产欧美日产一区二区三区大全| 秋霞成人熟女一区 | 国产强奸乱伦综合网站导航| 亚洲AV日韩AⅤ综合在线| 日韩AV网站久久久久久久| 麻豆专区 第17页| 亚洲精品图一区| 日本熟女中文字幕| 精品欧美日韩人妻一区二区| 99久久亚洲国产日韩美| 亚洲乱码日本女嘘嘘| 日本少妇久久久久网| 影院一二三区| 中文三级视频| 啪啪无码一区二区| 日韩中文字幕在线观看不卡 | 韩日欧美一区二区大全|