Tag Archives: CSS

[CSS] 顯示像西洋棋盤一樣的表格

資料來源: Checkered table rows and columns?

Posted in CSS, 程式設計 | Tagged , | Leave a comment

[jQuery] 另一個下載完前,先隱藏元件的作法

舉例說明,譬如說我使用 EasyUI 想要顯示樹狀結構,有時候資料讀進來當中會先出現醜醜的 ul list,之後才顯示出漂亮的樹狀圖。所以我想要先不要顯示資料,等完全讀完之後,再一次性的顯示樹狀圖。 方法一:

方法二:

資料來源(source): jQuery hide() div until fully loaded How do I hide an HTML element before the page loads

Posted in CSS, Javascript, jQuery, 程式設計 | Tagged , , | Leave a comment

[jQuery] 怎麼等內容下載完,再將它顯示出來?

網友建議解法: CSS:

Javascript:

資料來源(source): jquery, hide content until loaded

Posted in CSS, Javascript, 程式設計 | Tagged , , | Leave a comment

[CSS] 表格置中

表格水平置中方法如下: 訣竅是,把 margin 設成 auto。

垂直置中需要使用 Javascript,請參考下面連結。 資料來源: How to position a table at the center of div horizontally & vertically

Posted in CSS | Tagged , | Leave a comment

[CSS] 改變滑鼠指標

如果是要改變成手指頭的圖樣:

參考資料: CSS cursor Property

Posted in 程式設計 | Tagged , | Leave a comment

[CSS] [轉貼] Writing CSS Right?

覺得還不錯的連結: Writing CSS Right

Posted in Web | Tagged , | Leave a comment

[HTML] Inline v.s. Block Elements

HTML 裡面的 element 大致上被分為 Inline elements 及 Block elements 兩大類。 Block element 在瀏覽器中被呈現時,通常前後會被加上換行(new line)符號。 在 css 中,你可以使用 display 屬性,來設定 element 的型態是 inline 或 block。 譬如說:

參考資料: 實際範例 HTML Blocks CSS Display Property

Posted in Web, 程式設計 | Tagged , , | Leave a comment