採用獨自開發 RWD Bo-Blog插件 對應電腦版與手機版網頁。一次上架多版本對應、顯示迅速方便。
February 26, 2016
<style type="text/css">
table{
border:#000000 solid 1px;
border-collapse:collapse;
}
table tr, table td{
border:#000000 solid 1px;
}
</style>
table{
border:#000000 solid 1px;
border-collapse:collapse;
}
table tr, table td{
border:#000000 solid 1px;
}
</style>
| 1 | 1 | 1 |
| 2 | 2 | 2 |
| 3 | 3 | 3 |
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);
}
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;
-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;
}
background: url(你的圖片) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
August 13, 2015
MVC模式之下，主導View視覺的設計師，必須顧慮到 Control 工程師較容易改寫 table tr 寬度時，以 CSS 控制寬度 tr 是一個辦法，但是負責 Control 卻是越界去調整 CSS 設定，便達不到 MVC 理想境界了。
與 Control 工程師討論之下，採用 colgroup的方式，切割出 tr 的寬度，就能讓工程師安心的在html中改寫寬度，不需要彙整兩端的人員去修改網頁程式了。
與 Control 工程師討論之下，採用 colgroup的方式，切割出 tr 的寬度，就能讓工程師安心的在html中改寫寬度，不需要彙整兩端的人員去修改網頁程式了。
April 6, 2015
HTML Source
<input type="checkbox" class="bLarger" name="checkBox">
Source Code
<style type="text/css">
input.bLarger{width: 20px; height: 20px;}</style>
input.bLarger{width: 20px; height: 20px;}</style>
