国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS讓網頁里的提交按鈕變得更漂亮

2024-07-11 08:21:38
字體:
來源:轉載
供稿:網友
     你是不是覺得自己的主頁不夠靚麗,想讓它有所改變呢?聽說過樣式表格嗎?就是css,它就是那個能讓你更為準確地控制網頁的東東。讓我們先來看兩個例子:

      1、把按鈕的背景由灰色變成黃色,下面是代碼:

〈form method="post"〉
〈input type="button" value="按鈕" name="b1" style="background-color: rgb(255,255,0)"〉
〈/p〉
〈/form〉


      “form”標簽就是表單的標簽,“type”就是說明按鈕的類型,這里說明按鈕是普通的命令按鈕。然后,請注意,重要的東西來了! “style”說明這里采用了一個樣式表單,而“background-color”是用來聲明按鈕的背景顏色屬性的,后面的“rgb”則給了它的屬性值,在這里“(255,255,0)”表示是黃色。

      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〉


      看一下是不是多了些什么東西?對了,多了兩個屬性:“font-family”和“color”,前一個是字體屬性,后一個是字體的顏色屬性,它們的值分別是:楷體_gb2312和rgb(255,0,0),說明文字是紅色的楷體字,好了,通過這個例子來了解一下什么叫做樣式表單。

      首先,什么叫樣式表單呢?如果你使用過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〉

      其實,形式和前面講的是一樣的,只不過多了幾種屬性而已,“font-family: 隸書;font-size: 9pt;”用來說明按鈕文字是9pt大小的隸書,按鈕的背景是一幅圖畫,用了一個“background-image”屬性。接下去用了一個“border-left”屬性說明按鈕的左邊框是隆起的,邊框線是深紅色的,厚度為中等。其余的就可以以此類推了,分別是用來說明按鈕的右邊、上邊和底邊的。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 平罗县| 万盛区| 嘉荫县| 左贡县| 万宁市| 洪泽县| 福泉市| 威信县| 漾濞| 乾安县| 鸡东县| 图们市| 汪清县| 西安市| 宝清县| 靖州| 鲁甸县| 扬中市| 盐亭县| 芜湖县| 临桂县| 东乌| 淳安县| 茂名市| 昂仁县| 行唐县| 启东市| 汶上县| 上思县| 大竹县| 濮阳县| 福安市| 全椒县| 海城市| 浙江省| 芦溪县| 新晃| 全椒县| 大邑县| 如皋市| 西峡县|