網頁的本質就是超級文本標記語言,通過結合使用其他的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所示。  【素材及源碼下載】
請點擊:設計文本框的樣式 下載本實例相關素材及源碼
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |