麻煩教導一下CSS語法加入網頁

1833 · 發表於 2012-5-19 14:33:10

本帖最後由 1833 於 2012-6-11 03:03 編輯

來這裡竟然求問一些與作業系統不相關的問題,

問完網路再來問一些網頁基礎,

最近看到一個CSS按鍵語法產生的網站 這咕啦,
左下輸出格式可以選擇圖檔或CSS;

a.button {
display: -moz-inline-stack;
display: inline-block;
width: 185px;
height: 125px;
background: url("http://dabuttonfactory.com/b.png?t=DVR%201&f=Burlington-Bold&ts=50&tc=ffffff00&tshs=10&tshc=4d4b4d00&it=png&c=5&bgt=gradient&bgc=223388&ebgc=4477cc&bs=10&bc=569&shs=3&shc=222&sho=se&w=185&h=125") no-repeat;
line-height: 125px;
vertical-align: text-middle;
text-align: center;
color: #ffffff;
font-family: Burlington;
font-size: 50px;
font-weight: bold;
font-style: normal;
text-shadow: #4d4b4d 10px 10px 0;
}
a.button > span {
display: -moz-inline-block;
}

這一大串該怎樣放進網頁裡?

也有用過產生完整語法的CSS按鍵網頁，但是還是想多認識這些語法該怎放?

另外；按鈕後的網址聯結要放在哪?

麻煩指導嚕

阿達金田一 · 發表於 2012-5-21 22:49:31

本帖最後由阿達金田一於 2012-5-21 22:56 編輯

用一般的超連結標籤 a 就可以... class=button 就好了
style 部份...替入你的 css

[CSS] 純文本查看 復制代碼

<style type="text/css">
a.button {
   display: -moz-inline-stack;
   display: inline-block;
   width: 182px;
   height: 39px;
   background: url("http://dabuttonfactory.com/b.png?t=Your%20text%20here&f=Calibri-Bold&ts=24&tc=ffffff00&tshs=1&tshc=22222200&it=png&c=5&bgt=gradient&bgc=47c&ebgc=238&hp=20&vp=11") no-repeat;
   line-height: 39px;
   vertical-align: text-middle;
   text-align: center;
   color: #ffffff;
   font-family: Calibri;
   font-size: 24px;
   font-weight: bold;
   font-style: normal;
   text-shadow: #222222 1px 1px 0;
}
a.button > span {
   display: -moz-inline-block;
}
</style>

<body>
<a class=button href="http://nonameteam.cc">NoName Team</a>
</body>

1833 · 發表於 2012-5-22 02:35:08

本帖最後由 1833 於 2012-5-26 09:05 編輯

多謝阿達金田一指導

1833 · 發表於 2012-5-25 03:03:14

再提一問題；其中background: 只能用這網站生產生的圖示連結嗎? 所產生的圖示是可以下載存入主機內，能否改成自己主機內的圖示檔?

感謝

阿達金田一 · 發表於 2012-5-27 00:23:38

background: url()
只是指定背景圖...網址正確就好...放能裡都行

1833 · 發表於 2012-6-2 03:03:02

多謝啦

		自動登錄	找回密碼
密碼			我要註冊

[已解決] 麻煩教導一下CSS語法加入網頁

用一般的超連結標籤 a 就可以