| 導購 | 订阅 | 在线投稿
分享
 
 
 

純CSS表單顯示效果

2008-08-19 06:51:02  編輯來源:互聯網  简体版  手機版  移動版  評論  字體: ||

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>非常不錯的純CSS表單顯示效果 - 站在巨人肩膀上</title>

<style type="text/css">

body{

font-family: verdana,font-size: 12px;color: #FFFFFF;background-color:#ffffff}

.en1 {

font-size: 10px;font-family: Verdana

}

.input1{

font-family: verdana;background-color: #EEEEEE;border-bottom: #FFFFFF 1px solid;border-left: #CCCCCC 1px solid;border-right: #FFFFFF 1px solid;border-top: #CCCCCC 1px solid;font-size: 12px;

}

.input1-bor {

font-family:verdana;background-color:#F0F8FF;font-size: 12px;

border: 1px solid #333333;}

</style>

<style type="text/css">

<!--

.en1 {font-size: 10px;font-family: Verdana

}

.input1 {font-family: verdana;background-color: #EEEEEE;border-bottom: #FFFFFF 1px solid;border-left: #CCCCCC 1px solid;border-right: #FFFFFF 1px solid;border-top: #CCCCCC 1px solid;font-size: 12px;

}

-->

</style>

</head>

<body>

<table cellspacing=2 cellpadding=0 width=300 border=0>

<tr>

<td><font class="en1">姓名:</font> </td>

<td><input size=40 name=name class="input1" onblur="this.className='input1'" onfocus="this.className='input1-bor'">

</td>

</tr>

<tr>

<td><font class="en1">郵箱:</font></td>

<td><input size=40 name=email class="input1" onblur="this.className='input1'" onfocus="this.className='input1-bor'"></td>

</tr>

<tr>

<td><font class="en1">網址:</font> </td>

<td><input size=40 name=url class="input1" onblur="this.className='input1'" onfocus="this.className='input1-bor'">

</td>

</tr>

<tr>

<td><font class="en1">主題:</font> </td>

<td><input size=40 name=subject class="input1" onblur="this.className='input1'" onfocus="this.className='input1-bor'">

</td>

</tr>

<tr>

<td><font class="en1">內容: </font> </td>

<td><textarea name=message rows=5 cols=35 class="input1" onblur="this.className='input1'" onfocus="this.className='input1-bor'">

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>非常不錯的純CSS表單顯示效果 - 站在巨人肩膀上</title> <style type="text/css"> body{ font-family: verdana,font-size: 12px;color: #FFFFFF;background-color:#ffffff} .en1 { font-size: 10px;font-family: Verdana } .input1{ font-family: verdana;background-color: #EEEEEE;border-bottom: #FFFFFF 1px solid;border-left: #CCCCCC 1px solid;border-right: #FFFFFF 1px solid;border-top: #CCCCCC 1px solid;font-size: 12px; } .input1-bor { font-family:verdana;background-color:#F0F8FF;font-size: 12px; border: 1px solid #333333;} </style> <style type="text/css"> <!-- .en1 {font-size: 10px;font-family: Verdana } .input1 {font-family: verdana;background-color: #EEEEEE;border-bottom: #FFFFFF 1px solid;border-left: #CCCCCC 1px solid;border-right: #FFFFFF 1px solid;border-top: #CCCCCC 1px solid;font-size: 12px; } --> </style> </head> <body> <table cellspacing=2 cellpadding=0 width=300 border=0> <tr> <td><font class="en1">姓名:</font> </td> <td><input size=40 name=name class="input1" onblur="this.className='input1'" onfocus="this.className='input1-bor'"> </td> </tr> <tr> <td><font class="en1">郵箱:</font></td> <td><input size=40 name=email class="input1" onblur="this.className='input1'" onfocus="this.className='input1-bor'"></td> </tr> <tr> <td><font class="en1">網址:</font> </td> <td><input size=40 name=url class="input1" onblur="this.className='input1'" onfocus="this.className='input1-bor'"> </td> </tr> <tr> <td><font class="en1">主題:</font> </td> <td><input size=40 name=subject class="input1" onblur="this.className='input1'" onfocus="this.className='input1-bor'"> </td> </tr> <tr> <td><font class="en1">內容: </font> </td> <td><textarea name=message rows=5 cols=35 class="input1" onblur="this.className='input1'" onfocus="this.className='input1-bor'">
󰈣󰈤
王朝萬家燈火計劃
期待原創作者加盟
 
 
 
>>返回首頁<<
 
 
 
 
 熱帖排行
 
王朝網路微信公眾號
微信掃碼關註本站公眾號 wangchaonetcn
 
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有