資訊專欄INFORMATION COLUMN
摘要：眾所周知，可以通過設(shè)置的值來改變背景圖片的重復(fù)次數(shù)。如果只想設(shè)置給定數(shù)量的圖片該怎么辦以個(gè)為例，請(qǐng)看代碼這樣，就實(shí)現(xiàn)了元素的最左邊有一個(gè)最右邊也有一個(gè)。設(shè)置個(gè)個(gè)個(gè)等任意給定數(shù)量的方法同理。
眾所周知，可以通過設(shè)置background-repeat的值來改變背景圖片的重復(fù)次數(shù)。但有一個(gè)問題，background-repeat的值不是讓圖片只有1個(gè)，就是讓圖片鋪滿。如果只想設(shè)置給定數(shù)量的圖片該怎么辦？以2個(gè)為例，請(qǐng)看代碼：
1 h1 { 2 background-image: url(logo.jpg), url(logo.jpg); 3 background-repeat: no-repeat; 4 background-position: left, right; 5 }
這樣，就實(shí)現(xiàn)了
設(shè)置3個(gè)、4個(gè)、5個(gè)等任意給定數(shù)量的方法同理。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/1932.html
摘要：從今天開始寫博，記錄下自己技術(shù)發(fā)展的點(diǎn)滴吧。相比另外兩種，類型的表達(dá)式就有優(yōu)勢(shì)。缺點(diǎn)是多了，寫起來挺麻煩的第三種，表達(dá)式為這里中的每個(gè)元素都綁定了一個(gè)的輸入值，實(shí)際上每個(gè)元素都使用了類型的值中元素可以為或者，中對(duì)的規(guī)則同上。 從今天開始寫博，記錄下自己技術(shù)發(fā)展的點(diǎn)滴吧。 一、什么是ng-class ng-class是AngularJS預(yù)設(shè)的一個(gè)指令(directive)，通過這個(gè)指令能...
摘要：概覽背景屬性用于定義元素的背景。如果邊框有透明部分如虛線邊框，會(huì)透過這些透明部分顯示出背景色。從父元素繼承背景顏色，這個(gè)在上存在兼容問題。背景圖像會(huì)隨著頁(yè)面其余部分的滾動(dòng)而移動(dòng)。簡(jiǎn)寫屬性屬性在一個(gè)聲明中設(shè)置所有背景屬性。 概覽 CSS 背景屬性用于定義HTML元素的背景。 相關(guān)的屬性 background-color: 設(shè)置背景顏色 background-image: 設(shè)置背景圖片 ...
摘要：語(yǔ)法說明對(duì)象選擇器投影方式軸偏移量軸偏移量模糊半徑陰影擴(kuò)展半徑陰影顏色內(nèi)陰影，向右偏移，向下偏移，模糊半徑，陰影縮小屬性的參數(shù)設(shè)置取值陰影類型此參數(shù)可選。 CSS3 是最新的 CSS 標(biāo)準(zhǔn)，并且完全向后兼容，不過目前W3C 仍然在對(duì) CSS3 規(guī)范進(jìn)行開發(fā)，雖然標(biāo)準(zhǔn)的規(guī)范還沒有正式發(fā)布，但是現(xiàn)代瀏覽器已經(jīng)支持相當(dāng)多的 CSS3 屬性了。CSS3 提供了很多可以把玩的新特性，模糊了之前只...
摘要：一思考在移動(dòng)端越來越重要的背景下，每位開發(fā)者對(duì)移動(dòng)適配都有自己的想法。這個(gè)和移動(dòng)端的設(shè)計(jì)體驗(yàn)方式是比較像的。對(duì)移動(dòng)端的特殊性進(jìn)行適配，如問題，默認(rèn)樣式等。 一、思考 在移動(dòng)端越來越重要的背景下，每位web開發(fā)者對(duì)移動(dòng)適配都有自己的想法。是移動(dòng)優(yōu)先，還是PC優(yōu)先，還是兩者兼得？在實(shí)際開發(fā)中這個(gè)問題是和項(xiàng)目產(chǎn)品定位有關(guān)的，也涉及到UI的設(shè)計(jì)，不是開發(fā)者能決定。但不管產(chǎn)品如何定位，作為開發(fā)...
閱讀 1177·2021-09-22 16:04
閱讀 1554·2019-08-30 15:43
閱讀 1183·2019-08-29 14:01
閱讀 3497·2019-08-26 12:19
閱讀 3414·2019-08-26 12:15
閱讀 1501·2019-08-26 12:13
閱讀 3324·2019-08-23 17:00
閱讀 1556·2019-08-23 15:38
