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

設計文本框的css樣式

設計文本框的css樣式

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

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

【實例介紹】

設計文本框的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 #FF9900; background-color: #FFCC00; }

</style> <title>設計文本框的樣式</title> </HEAD> <BODY bgColor=#ffffff leftMargin=0 topMargin=0 marginheight="0" marginwidth="0"> <TABLE class=pages_table cellSpacing=1 cellPadding=2 width=430                   align=center border=0>   <TBODY>     <TR>       <TD align=left   colSpan=2><B>請您留言</B></TD>     </TR>   <FORM name=form1         action=      method=post>     <TR class=pages_row1>       <TD class=row1 align=middle width="22%">主 題:</TD>       <TD width="78%" class=row2><INPUT  name=title class="ys"></TD>     </TR>     <TR class=pages_row1>       <TD class=row1 align=middle>姓 名:</TD>       <TD class=row2><INPUT  name=author  class="ys"></TD>     </TR>     <TR class=pages_row1>       <TD class=row1 align=middle>內 容:</TD>       <TD class=row2><input name="content" type="text" class="ys" value="" size="40 "></TD>     </TR>     <TR class=pages_row1>       <TD class=catBottom align=center colSpan=2><input type="submit" name="Submit" value="提交">         <input name="Submit2" type="reset"  value="重置" ></TD>     </TR>   </FORM> </TABLE> </BODY> </HTML>

【代碼分析】

上面的代碼首先用CSS定義了文本框的邊框、背景顏色等樣式,接著在HTML中對<input>
標簽文本框應用樣式,效果如圖15.10所示。

設計哦文本框的樣式
 【素材及源碼下載】

請點擊:設計文本框的樣式 下載本實例相關素材及源碼

 


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

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

本類教程下載

系統下載排行

亚洲嫩草影院久久精品