作者 主題: 請問 CSS...  (閱讀 8501 次)

0 會員 與 1 訪客 正在閱讀本文。

AlanPeng

  • 懷疑的國中生
  • **
  • 文章數: 43
    • 檢視個人資料
    • http://ninfo.no-ip.org
請問 CSS...
« 於: 2002-09-22 13:49 »
請問在CSS中, 要如何把網頁上的 "按鈕" (input type="button") 的樣式設定成和 phpBB 一樣 2D 的?
y web site:
http://ninfo.no-ip.org
Have a look!

學飛的小鳥

  • 活潑的大學生
  • ***
  • 文章數: 349
    • 檢視個人資料
Re: 請問 CSS...
« 回覆 #1 於: 2002-09-22 15:30 »
引述: "AlanPeng"
請問在CSS中, 要如何把網頁上的 "按鈕" (input type="button") 的樣式設定成和 phpBB 一樣 2D 的?


<input type='button' class='btncss'>

AlanPeng

  • 懷疑的國中生
  • **
  • 文章數: 43
    • 檢視個人資料
    • http://ninfo.no-ip.org
Re: 請問 CSS...
« 回覆 #2 於: 2002-09-22 15:48 »
引述: "學飛的小鳥"
引述: "AlanPeng"
請問在CSS中, 要如何把網頁上的 "按鈕" (input type="button") 的樣式設定成和 phpBB 一樣 2D 的?




我是說 CSS 樣式檔中的 "設定值" 啦, 像

input,textarea, select {
   color : #000000;
   font: normal 11px Verdana, Arial, Helvetica, sans-serif;
   border-color : #000000;
}


之類的...

oh, 我上面 code 會把 button 等變成 2D 的, 但是會有粗粗的邊框... 不知道怎麼去掉...
y web site:
http://ninfo.no-ip.org
Have a look!

學飛的小鳥

  • 活潑的大學生
  • ***
  • 文章數: 349
    • 檢視個人資料
Re: 請問 CSS...
« 回覆 #3 於: 2002-09-23 00:29 »
引述: "AlanPeng"

我是說 CSS 樣式檔中的 "設定值" 啦, 像

input,textarea, select {
   color : #000000;
   font: normal 11px Verdana, Arial, Helvetica, sans-serif;
   border-color : #000000;
}


之類的...
oh, 我上面 code 會把 button 等變成 2D 的, 但是會有粗粗的邊框... 不知道怎麼去掉...


input.button {
  background-color : #FFFFFF;
 
  border-color : #000000;
  border-width: 1;

}

AlanPeng

  • 懷疑的國中生
  • **
  • 文章數: 43
    • 檢視個人資料
    • http://ninfo.no-ip.org
請問 CSS...
« 回覆 #4 於: 2002-09-23 07:34 »
ok thanks!!!
y web site:
http://ninfo.no-ip.org
Have a look!

swcjason

  • 區域板主
  • 懷疑的國中生
  • *****
  • 文章數: 33
    • 檢視個人資料
    • http://www.sdcs.com.tw
三種範例~~~~~
« 回覆 #5 於: 2002-09-28 01:09 »
<style type="text/css">
<!--
   .rev{font-FAMILY: "Arial"; font-SIZE: 10pt;background-color: #FFE8C9; border-BOTTOM: #808080 1px solid; border-LEFT: #808080 1px solid; border-RIGHT: #808080 1px solid; border-TOP: #808080 1px solid; color: #000000; }
   .ref{font-FAMILY: "Arial"; font-SIZE: 10pt;background-color: #F1EEF5; border-BOTTOM: #808080 1px solid; border-LEFT: #808080 1px solid; border-RIGHT: #808080 1px solid; border-TOP: #808080 1px solid; color: #000000; }
   .red{font-FAMILY: "Arial"; font-SIZE: 10pt;background-color: #F1EEF5; border-BOTTOM: #808080 0px solid; border-LEFT: #808080 0px solid; border-RIGHT: #808080 0px solid; border-TOP: #808080 0px solid; color: #000000; }
-->
</style>
</head>
<body>
<input type=button value="   test   測試   " class=ref> //有邊框
<input type=button value="   test   測試   " class=red> //無邊框
<input type=button value="   test   測試   " class=rev  onmouseout="javascript:this.style.color='800080';" onmouseover="javascript:this.style.color='008080';">  //變色
</body>


//有邊框
//無邊框
 //變色

AlanPeng

  • 懷疑的國中生
  • **
  • 文章數: 43
    • 檢視個人資料
    • http://ninfo.no-ip.org
請問 CSS...
« 回覆 #6 於: 2002-09-28 09:36 »
謝謝 ^^~
y web site:
http://ninfo.no-ip.org
Have a look!