1、把按鈕的背景由灰色變成黃色,下面是代碼:
| 〈form method="POST"〉 〈input type="button" value="按鈕" name="B1" style="background-color: rgb(255,255,0)"〉 〈/p〉 〈/form〉 |
2、把按鈕文字的顏色變成紅色,字體變成楷體,代碼如下:
| 〈form method="POST"〉 〈input type="button" value="按鈕" name="B1" style="background-color:rgb(255,255,0); font-family:楷體_GB2312; color: rgb(255,0,0)"〉〈/p〉 〈/form〉 |
首先,什么叫樣式表單呢?假如你使用過Word就知道只需要設置一次版面配置和打印格式,那么在該文件內所有的頁面都具有了相同的格式,而樣式表單起的也就是這個作用,在同一個網站只需要提供一份樣式表單,然后在所有頁引用它,那么整個網站都會有相同的格式。樣式表單一共有三種。
第一種是外部網頁樣式表單。它是一個以CSS為后綴名的文件,相當于一個模板,設置好以后只需要在網頁內部引用它,就能夠使引用的網頁具有相同的格式。
第二種是內嵌式的網頁樣式表單,它一般在申明,它只對本網頁起作用,同時假如你已經使用了外部樣式表單,那么它將被內嵌式的網頁樣式表單屏蔽。
第三種叫做內聯式樣式表單,用于一段文字,一個表格,或者是一幅圖形。在前面,我們用的就是這種樣式表單,請注重,它通常是接在一個我們比較熟悉的HTML標簽之后,比如前文的“input”標簽,以“style”開頭,后面跟著一些屬性和屬性值。并且借助它們來準確地控制這個標簽。屬性與屬性值之間以冒號隔開,屬性與屬性之間用分號隔開。
好了,有了以上的理論知識,我們再來聯系一下實際,下面我們再看一個比較復雜的例子:
| 〈form method="POST"〉 〈input type="button" value="按鈕" name="B1" style="font-family: 隸書; font-size: 9pt; background-image: url(’file:///D:/Inetpub/wwwroot/asp/wwwboad/IMAGES/asp400.jpg’); border-left: medium ridge rgb(128,0,0); border-right: medium none rgb(128,0,128); border-top: medium none rgb(0,255,0); border-bottom: medium ridge rgb(255,0,0)"〉 字串9 〈/p〉 〈/form〉 |
新聞熱點
疑難解答