CSSÐÞÊεıí¸ñ
ÏÂÃæÕâ¸öCSSÑùʽµÄ±í¸ñ£¬¸öÈ˸оõÑÕÉ«Æðµ½Á˺ܴóµÄ×÷Óá£Èç¹û²»ÊÇÁ½ÖÖÑÕÉ«µÄ¶Ô±ÈЧ¹ûºÃ£¬¿ÉÄÜÒ²¾ÍÊÇÒ»°ãµÄ±í¸ñ£º
ÏÈÀ´¿´HTML£º
<table width="590" cellspacing="1">
<caption>
text
</caption>
<thead>
<tr>
<th class="line1" scope="col">text</th>
<th scope="col">text</th>
<th scope="col">text</th>
<th class="line4" scope="col">More</th>
</tr>
</thead>
<tbody>
<tr>
<th height="78">text text text text</th>
<td>text text text text</td>
<td>text text text</td>
<td class="line4"> </td>
</tr>
</tbody>
<tfoot>
<tr>
<th></th>
<td></td>
<td></td>
<td></td>
</tr>
</tfoot>
</table>
ÉÏÃæµÄ±í¸ñûÓÐʲôҪ½âÊ͵쬽¨Òé´ó¼ÒÓÃthead,tbody,tfootÕâЩ¾ßÓÐÓïÒåµÄ±êÇ©¡£
body{
background-color:#D5DFE9;
}
table{
border-spacing:1px;
border:1px solid #A2C0DA;
}
td, th{
padding:2px 5px;
border-collapse:collapse;
text-align:left;
font-weight:normal;
}
thead tr th{
background:#B0D1FC;
border:1px solid white;
}
thead tr th.line1{
background:#D3E5FD;
}
thead tr th.line4{
background:#C6C6C6;
}
tbody tr td{
height:50px;
background:#CBE2FB;
border:1px solid white;
vertical-align:top;
}
tbody tr td.line4{
background:#D5D6D8;
}
tbody tr th{
height:50px;
background: #DFEDFF;
border:1px solid white;
vertical-align:top;
}
caption,tfoot{
display:none;
}
#btn{
text-align:center;
}
.txt{
width:200px;
height:20px;
}
ÉÏÃæµÄÑùʽûÓÐÌØ±ðµÄµØ·½¡£»¶Ó´ó¼ÒÁôÑÔ¡£
Ïà¹ØÎĵµ£º
×î½ü,¾³£ÓÐÅóÓÑÎÊÎÒһЩ¹¤×÷ÖÐÓöµ½µÄCSSÎÊÌâ¡£ËûÃÇ×ÜÊDz»ÄܺܺõĿØÖÆCSS£¬Ó°ÏìCSSµÄЧÂÊ·¢»Ó¡£ÎÒÀ´·ÖÎö×ܽáһϴíÎóËùÔÚ£¬°ïÖú´ó¼Ò¸ü¼ÓÈÝÒ×ʹÓÃCSS¡£
±¾ÎÄ×ܽáÁËÎÒ¿ªÊ¼Ê¹ÓÃCSS²¼¾Ö·½·¨ÒÔÀ´ËùÓеļ¼ÇɺͼæÈÝ·½°¸£¬ÎÒÔ¸Òâ°ÑÕâЩÓëÄã·ÖÏí£¬ÎÒ»áÖØµã½âÊÍһЩÐÂÊÖÈÝÒ×·¸µÄ´íÎó(°üÀ¨ÎÒ×Ô¼ºÒ²·¸¹ýµÄ)£¬Èç¹ûÄãÒѾÊÇCSS¸ßÊÖ£¬ÕâÐ ......
ÔÚasp.netÖУ¬ÓеÄʱºòÒª¶¯Ì¬±ä»»CSS£¬±ÈÈçÓеÄʱºò×ö¸öÐÔ»¯Ò³Ã棬¿ÉÒÔÕâÑù×ö
<head>
<link id="MyStyleSheet" rel="stylesheet" type="text/css" runat="server" />
</head>
Ö®ºó£¬ÔÚÒª¸ü»»CSSµÄÒ³ÃæÖУ¬Ê¹ÓÃÈçÏ´úÂë
Sub Page_Load(Sender As Object, E As EventArgs)
If Not (IsPostBack) ......
JavaScript´úÂë
<mce:script type="text/javascript"><!--
function imageOver(e) {
e.style.border="1px solid red";
}
function imageOut(e) {
e.style.borderWidth=0;
}
// --></mce:script>
<img src="phplamp.gif" onmouseover="imageOver(this)" onmo ......
¼¸¸öcssÔªËØµÄ¼òµ¥½âÊÍ div ul dl dt oldiv£¬Õâ¸öºÜ³£¼û£¬¿é¼¶ÔªËØ£¬div¾¡Á¿ÉÙÓ㬺ÍtableÒ»Ñù£¬Ç¶Ì×Ô½ÉÙÔ½ºÃ
ol ÓÐÐòÁÐ±í¡£
<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
±íÏÖΪ£º
1……
2…& ......
<style type="text/css">
<!--
input{ background:expression((this.readOnly &&this.readOnly==true)?"#CCCCCC":"")}
-->
</style>
<body>
<input type="text" name="" />
<input type="text" name="" readonly="readonly" />
expression:´¦Àí·½Ê½£º
  ......