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>

March 23, 2015
點擊在新視窗中瀏覽此圖片

最簡單的方法來實現用戶友好的響應導航,使用HTML5,CSS3和jQuery移動設備優化
http://responsivemobilemenu.com/

dome:
http://responsivemobilemenu.com/demo/
March 17, 2015
overflow
visible   超出區域 (初期値)
hidden  超出部分不顯示
scroll           以scroll顯示
auto          自動顯示 (顯示需要的右方或是下方)


overflow-x … 横方向の指定
overflow-y … 縦方向の指定
visible   超出區域 (初期値)
hidden  超出部分不顯示
scroll           以scroll顯示
auto          自動顯示 (顯示需要的右方或是下方)


March 13, 2015
直接指定span的方法

範例:淺灰背景 text
<span style="background:#CCC; ">text</span>


經由style >span 指定的方法

範例:淺黃色背景 text
<style type="text/css">
span{background:#FBFEBA;}
</style>


經由style > span 之下> class 指定的方法

範例:淺藍色背景,灰色 text
<style type="text/css">
span.bText{background:#3FF;}
</style>

January 1, 2015
點擊在新視窗中瀏覽此圖片
CSS ARROW PLEASE! http://cssarrowplease.com

Size: ▲大小指定
Color:▲ 顏色指定
Border width: 邊框線的寬度
Border color: 邊框線的顏色

參考 CSS內說明:
December 26, 2014
兩張圖檔方式 w224 x h152 px

點擊在新視窗中瀏覽此圖片 點擊在新視窗中瀏覽此圖片

範例連結:
http://goo.gl/iw2C8F
註:開啟後,檢視原始碼。

<style type="text/css">
#bButton a {
display: block;
overflow: hidden;
height: 0px;
width: 224px; /*圖檔寬度*/
background-image: url(img/a.png);
padding: 152px 0 0 0; /*圖檔高度 將圖檔移至顯示框外*/
}

#bButton a:hover {
background-image: url(img/b.png);
}
</style>

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