#button1
新增基本的樣式，設定大小為100*30px，字型大小18px，微軟雅黑，字間距8px，向右移12px居中
繼續往#button1內新增樣式
border-radius: 5px;
設定按鈕為圓角矩形，圓角半徑為5px
上面的邊框很難看，繼續改邊框的樣式，新增
border: 1px solid #2576a8;
設定按鈕邊框寬為1px，樣式為solid，顏色為#2576a8
給按鈕加上漸變色
background: -webkit-linear-gradient(top,#66b5e6,#2e88c0);
background: -moz-linear-gradient(top,#66b5e6,#2e88c0);
background: linear-gradient(top,#66b5e6,#2e88c0);
background: -ms-linear-gradient(top,#66b5e6,#2e88c0);
這四行是為相容不同瀏覽器，顏色都是一樣的，ie瀏覽器可能無法顯示效果，
為更好的質感，再加一些內陰影效果
box-shadow: 0 1px 2px #8ac1e2 inset,0 -1px 0 #316f96 inset;
其中0 1px 2px #b8dcf1 inset 是內高光
0 -1px 0 #316f96 inset 是內陰影
編輯一下字型樣式
color: #fff;
text-shadow: 1px 1px 0.5px #22629b;
設定顏色為白色，文字陰影為向右向下各1px,0.5px大小，顏色是#22629b;
最後設定滑鼠放在上面時的變化
#button1:hover
同樣四行是為相容不同瀏覽器
完整css**為
#button1
#button1:hover
漂亮的圓形按鈕
unit bottr inte ce uses windows,messages,sysutils,classes,graphics,controls,forms,dialogs,stdctrls type tform1 class tform button1 tbutton procedure f...
CSS讓網頁裡的提交按鈕變得更漂亮
你是不是覺得自己的主頁不夠靚麗，想讓它有所改變呢？聽說過樣式 嗎？就是css，它就是那個能讓你更為準確地控制網頁的東東。讓我們先來看兩個例子 1 把按鈕的背景由灰色變成黃色，下面是 form method post input type button value 按鈕 name b1 style b...
CSS讓網頁裡的提交按鈕變得更漂亮
你是不是覺得自己的主頁不夠靚麗，想讓它有所改變呢？聽說過樣式 嗎？就是css，它就是那個能讓你更為準確地控制網頁的東東。讓我們先來看兩個例子 1 把按鈕的背景由灰色變成黃色，下面是 formmethod post inputtype button value 按鈕 name b1 style bac...