發表文章

目前顯示的是有「CSS 文字方塊」標籤的文章

如何讓 Blogger 產生文字方塊

圖片
  How to Add a Text Block in Blogger 一般部落格文章的寫作,若有重要的文字段落或程式碼需要強調,常會想用文字方塊,藉以突出重點與方便讀者閱讀。然而目前 Blogger 平台的文章寫作,在 撰寫模式 下並沒有提供新增文字方塊的工具可供撰寫者使用。文章撰寫者若要加入文字方塊,可以採取的方法是:切換至 HTML 模式 ,加入可控制網頁外觀與樣式的 CSS (Cascading Style Sheets,階層式樣式表 )  的文字方塊樣式資訊,並新增文章所屬網頁的 HTML 編輯區中文字方塊預定位置的 <div> 標籤的 class 屬性後,再切換回撰寫模式,就可以將需要強調的重點文字段落或程式碼寫進文字方塊內。  不過,務必留意的是:對於沒有 HTML 與 CSS 基礎的讀者而言,並 不建議 使用以下介紹的方法來產生簡單的文字框,以免出現因 HTML 網頁在設定或插入 CSS  文字框樣式資訊發生 錯誤時,無法自行修正或回復,造成文章出現無法 顯示出 預期 效果或甚至亂碼 的情況。讀者在使用下列方法前,務必斟酌並自負其可能的風險。 接下來就開始來介紹如何手動新增一個如下的簡單文字方塊: