9 Walker Studio-9W個人設計工作室

gforce付費手機遊戲報報．免費遊戲房．可愛包子動畫圖庫．logo交換登錄
gforce付費手機遊戲下載．免費線上遊戲房．msn表情小圖示．9w2u討論區

因網友留言內容
含成人色情內容
討論區即時停止運作
不便之處敬請見諒

● LOGO交換登錄

● 和我們連絡

9W個人設計工作室

　友站及其它連結

CSS教學 CASCADING STYLE SHEET

01 何謂CSS語法？ 07 表單特效

02 CSS語法的定義及元素樣式？ 08 圖片影像特效

03 樣式性質分類 09 捲軸特效

04 CSS的宣告方式 10 CSS動態存取、控制樣式（限IE）

05 CSS連結特效 11 CSS參數表

06 CSS文字特效

CSS表單特效

■CSS表單特效：

background-color : #ffffff ;border-style: solid ;　　//Border-Style/即框線的樣色
border-width : 1px ; 　　//border-width/即框線的的粗幼度
border-color : #aaaaaa ;　//border-color/即框線的顏色
background-color : #ffffff ;　//background-color/即按鈕．輸入欄的背景顏色

方法一：讓整個網頁都使用相同樣式

<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<STYLE type="text/css">
<!--
input {　 //*即以整頁面的所有input都遵照以下格式
border-top : 1px solid #99CCFF ; //*頂部框線設定
border-bottom : 1px solid #99CCFF ;　//*底部框線設定
border-left : 1px solid #99CCFF ;　//*左方框線設定
border-right : 1px solid #99CCFF ;　//*右方框線設定
background-color : #ffffff ;　//*背景色
color : #99CCFF ;　//*文字色
font-family : arial ; //*fon-family即字型
font : 9pt ; //*文字大小
}
</style>
</head>

方法二：定莪個別文字輸入對話框及按鈕的樣式

<input type="text" name="textfield" size="15"　style="在此加入下列設定">

border-top : 1px solid #99CCFF ; //*頂部框線設定
border-bottom : 1px solid #99CCFF ;　//*底部框線設定
border-left : 1px solid #99CCFF ;　//*左方框線設定
border-right : 1px solid #99CCFF ;　//*右方框線設定
background-color : #ffffff ;　//*背景色
color : #99CCFF ;　//*文字色
font-family : arial ; //*fon-family即字型
font : 9pt ; //*文字大小

如：
<input type="text" name="textfield" size="15"
style=" border-top : 1px solid #99CCFF ;
border-bottom : 1px solid #99CCFF ;
border-left : 1px solid #99CCFF ;
border-right : 1px solid #99CCFF ;
background-color : #ffffff ;
color : #99CCFF ;
font-family : arial ;
font : 9pt ;">

範例設定值：

<STYLE type=text/css>
.demo1 {
BORDER-RIGHT: #99ccff 3px double; BORDER-TOP: #99ccff 3px double; FONT: 9pt arial; BORDER-LEFT: #99ccff 3px double; COLOR: #0000ff; BORDER-BOTTOM: #99ccff 3px double; BACKGROUND-COLOR: #ffffff
</style>

範例：
<textarea class=demo1 name=textarea cols="60" rows="2"></textarea>
<input class=demo1 type=button value=" 範例 " name=button>

本站內容屬私人所有請勿任易轉載如須轉載請通知本站
本站所鏈結標題及鍊結內容皆歸原權利人所有
網站內容如有任何侵權亦請通知本站刪除謝謝！
Power by 9 Walker Studio

本站內容屬私人所有請勿任易轉載如須轉載請通知本站