怎樣:完美格式化在桿中形象

廣告
經由電子郵件得到我們軟體和網//小費,報名參加每天電子郵件時事通訊.
贊同RSS餵或者跟隨我有關吱吱叫嗎?

(除非你包含確實壞形象),形象給桿添加佈景美.bloggers建議你包含形象的至多在你的桿開頭或者在開頭周圍.和我是不是不同.

但是一樣東西那個那些忠告不做控制感情是怎樣包含與內容融為一體的形象,還在一個讀者旁邊是引人注意.選擇正確形象是重要但是那樣是你安置他們的方式.一不能啟發靈感的<imgsrc=附帶有一形象”>標籤才只是不再是在中–他們’茲就那樣網1.0/year 1998.

我寧可隨著略微更不到你的桿區域寬度寬度使用centered形象.這個例子向你展示怎樣center形象,和添加標題.

你現在需要的是一種明智,的容易沒有整天有關它度過格式化形象的方式.這個能被一CSS–款式統治被被加入你的style.css的二樣東西和一些用你有要的圍裹你的形象HTML代碼的結合取得.

指出這個不能為從前沒有編輯他們添加形象被使用.理由:在CSS款式規定影響所有的原理的同時,HTML提價必須在每一形象周圍手工被添加.

給你的向末端style.css檔案添加這個代碼:

div.ci { text-align: center; margin: 0; padding: 16px 0; padding: 0; border: none; }
div.ci small { font-size: .9em; line-height: 1.4em; color:#777; padding: 7px 0 0 0; }

廣告

在上方的代碼是幫你安放形象的款式規定.應用款式,我們需要在形象標籤周圍使用HTML.HTML代碼如下是:

<div class="ci"><img src="URL_TO_IMAGE" alt="ALT TEXT" /><br />
<small>YOUR CAPTION</small></div>

在代碼中,取代有形象URL的URL_TO_IMAGE,高的TEXT,你找什麼要展示什麼時候形象不被展示的和隨著你想要的標題你的CAPTION.

另一種選擇,你能透過使用這個代碼去除標題:

<div class="ci"><img src="URL_TO_IMAGE" alt="ALT TEXT" /></div>

記得扭標題彩色,相比和向你的喜愛和你的形象字體將搖晃!

為了得到我們最新文章,輕點這裡報名參加我們免費電子郵件時事通訊或者贊同RSS餵

相關閱讀
§ 意見