-
網(wǎng)站建設(shè)案例
-
聯(lián)系電話：0755-82560826 82538016 82560635郵箱：qin@198bona.com地址：深圳市福田區(qū)皇崗路5007神采苑402棟610";
營銷網(wǎng)站建設(shè)
全網(wǎng)營銷網(wǎng)站
高端網(wǎng)站建設(shè)
商城網(wǎng)站建設(shè)
外貿(mào)網(wǎng)站建設(shè)
小程序開發(fā)
區(qū)塊鏈開發(fā)
物聯(lián)網(wǎng)項(xiàng)目開發(fā)
定制app開發(fā)
在線教育網(wǎng)站
速成網(wǎng)站建設(shè)
服裝網(wǎng)站建設(shè)
餐飲網(wǎng)站建設(shè)
珠寶首飾網(wǎng)站
機(jī)械制造網(wǎng)站
文化旅游網(wǎng)站
家裝建材網(wǎng)站
美容化妝品網(wǎng)站
數(shù)碼產(chǎn)品網(wǎng)站
模板案例庫
-
- 網(wǎng)站推廣
-
網(wǎng)站制作資訊
- 網(wǎng)站報(bào)價(jià)
- 公司動態(tài)
- 關(guān)注博納
- 聯(lián)系我們
顯示結(jié)果如圖5.34所示?？梢钥闯?，圖片在垂直方向上發(fā)生了位移，當(dāng)設(shè)置的值為正數(shù)時(shí)，圖片向上移動相應(yīng)的數(shù)值；當(dāng)設(shè)置為負(fù)數(shù)時(shí)，圖片向下移動相應(yīng)的數(shù)值。
然后在<body>標(biāo)簽中輸入代碼，并應(yīng)用上面的類樣式。
在瀏覽器中預(yù)覽，則顯示效果如圖5.35所示。本例中運(yùn)用了float:left使圖片移至頁面左邊，從而文字在右邊環(huán)繞。
網(wǎng)站設(shè)計(jì)定義圖像效果圖5.35 文字環(huán)繞
在瀏覽器中預(yù)覽，則顯示效果如圖5.36所示?？梢钥吹綀D片的邊框離文字有10px的距離，這是由于添加了margin:10px語句，而圖片的邊框離圖片也有10px的內(nèi)邊距，這是由于添加了padding:10px語句。這樣設(shè)置使文字與圖片的距離明顯變遠(yuǎn)，顯示效果更佳。至于margin和padding屬性的詳細(xì)用法，深圳網(wǎng)站制作公司在后面的經(jīng)驗(yàn)介紹中會陸續(xù)提到。
網(wǎng)站設(shè)計(jì)效果圖5.36 文字環(huán)繞與圖文間距5.4，博納網(wǎng)絡(luò)網(wǎng)站設(shè)計(jì)工程師關(guān)于定義圖像大小經(jīng)驗(yàn)的介紹，本文就到這里，在下一期的文章中我們會就如何定義圖像大小進(jìn)行實(shí)操經(jīng)驗(yàn)介紹。喜歡本站的您敬請持續(xù)關(guān)注網(wǎng)站制作經(jīng)驗(yàn)類型文章。
