December 7, 2015
點擊在新視窗中瀏覽此圖片

img {
  filter: gray; /* IE6-9 */
  filter: grayscale(1); /* Firefox 35+ */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}

/* Disable grayscale on hover */
img:hover {
  filter: none;
  -webkit-filter: grayscale(0);
}

October 12, 2015
點擊在新視窗中瀏覽此圖片

  border: 10px solid blue; /*border 加寬並不會改變寬度*/
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

October 7, 2015
如果設定在body背景上,也可以完成相類似的效果。
html {
  background: url(你的圖片) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
August 21, 2015
Step A.找尋你要的字,或是用搜尋

點擊在新視窗中瀏覽此圖片
August 13, 2015
MVC模式之下,主導View視覺的設計師,必須顧慮到 Control 工程師較容易改寫 table tr 寬度時,以 CSS 控制寬度 tr 是一個辦法,但是負責 Control 卻是越界去調整 CSS 設定,便達不到 MVC 理想境界了。
與 Control 工程師討論之下,採用 colgroup的方式,切割出 tr 的寬度,就能讓工程師安心的在html中改寫寬度,不需要彙整兩端的人員去修改網頁程式了。
May 24, 2015
有時候因為程式 id 呼叫的關係,必須讓 table 的 tags 上不要出現 id 的css 指定,可以利用 col 指定 table內容。

點擊在新視窗中瀏覽此圖片
▲設定前

點擊在新視窗中瀏覽此圖片
▲設定後

head中(/**/ CSS中為註解符號)
<style>
table, th, td {
    border: 1px solid black;
/* width:500px; 寬度也可以加在這裡*/
}
</style>

分頁: 2/5 第一頁 上頁 1 2 3 4 5 下頁 最後頁
[ 顯示模式: 摘要 | 清單 ]