當前位置:蘿卜系統下載站 > 網頁設計教程 > 詳細頁面

css改變按鈕的背景顏色與文字顏色

css改變按鈕的背景顏色與文字顏色

更新時間:2023-06-12 文章作者:未知 信息來源:網絡 閱讀次數:

網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。

【實例介紹】

css改變按鈕的背景顏色和文字顏色
表單在網頁中應用非常廣,凡是留言、論壇、提交信息等都在其運用范圍之中。但是HTML
在這方面的功能非常有限,如果想制作出更酷、更美的表單,還需要CSS的支持。下面通過實
例講述利用CSS改變按鈕的背景顏色和文字顏色,代碼如下。

【實例代碼】

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <META content="MSHTML 6.00.2900.3059" name=GENERATOR> <style type="text/css"> input.ys{ border:1 solid #FFCC00; color: #FFCCFF; font-size: 9pt; font-style: normal; font-variant: normal; font-weight: normal; height: 18px; line-height: normal; background-color: #9900FF; } </style> <title>改變按鈕的背景顏色和文字顏色</title> </HEAD> <BODY topMargin=0 marginheight="0" marginwidth="0">            <p>&nbsp;</p>     <p>                    <input type="submit" name="Submit" value="注冊" class="ys">       <input name="Submit2" type="reset" class="ys" value="登錄" > </p> </BODY></HTML>

【代碼分析】

在代碼中,加粗部分的標簽為設置按鈕樣式,如圖15.8所示。

改變按鈕的背景色
 【素材及源碼下載】

請點擊:css改變按鈕的背景顏色和文字顏色 下載本實例相關素材及源碼

 


網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。

溫馨提示:喜歡本站的話,請收藏一下本站!

本類教程下載

系統下載排行

亚洲嫩草影院久久精品