CSSÔÚUL UIÉϵÄÓ¦ÓÃ
Ч¹ûͼ£º
csstest.css
*{
margin-left:0;
margin-top:0;
font-size:12px;
color:White;
}
#biaoge
{
/*¶ÔIDΪbiaogeµÄ±êǩʹÓôËCSS*/
width:405px; /*Áпí100£¬¼ÓÉÏÎå¸öΪ1µÄ±ß¾à£¬ËÄÁоÍÊÇ405*/
margin:45px auto;
border-width:1px;
border-color:Black;
}
#biaoge li
{
/*¶ÔIDΪbiaogeµÄ±êÇ©ÀïÃæµÄLIʹÓôËCSS*/
list-style-type:none;
width:100px;
height:30px;
background-color:Gray;
line-height:30px;
text-align:center;
margin-left:1px;
margin-bottom:1px;
float:left; /*ÕâÀïºÜ¹Ø¼ü£¬ÓÐÁËËü£¬li²Å»á¸ù¾ÝulµÄ¿í¶ÈÀ´»»ÐÐ*/
}
#biaoge li.biaotou
{
background-color:Black;
}
test.aspx
<ul id="biaoge">
<li class="biaotou">µÚÒ»ÁÐ</li>
<li class="biaotou">µÚ¶þÁÐ</li>
<li class="biaotou">µÚÈýÁÐ</li>
<li class="biaotou">µÚËÄÁÐ</li>
<li>Êý¾Ý1-1</li>
&
Ïà¹ØÎĵµ£º
scrollbar-face-color: #000000;
scrollbar-shadow-color: #FFC300;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #FFC300;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #FFC300;
Èç¹ûʹÓÃDw»òÕ߯ä ......
1 µ¼ÈëÍⲿjsÎļþ£º
1.<script type="text/javascript" src="myjs/xx.js"></script>
2.<script language="javascript" src="myjs/xx.js"></script>
2 µ¼ÈëÍⲿcssÎļþ£º
<link rel="stylesheet" ty ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<!-- www.div-css.com ÍøÕ¾±ê×¼»¯ 2007-4-16 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
......
1¡¢ÍøÒ³¾ÓÖÐÏÔʾ£º
ÐèÒªÉèÖÃÁ½¸öµØ·½£¬Ò»¸öÊÇbody£¬Ò»¸öÊÇÍâ±ß¿òdiv¡£
CSS£º
body{
margin:0;
padding:0;
text-align:center;
}
#main{ /*×îÍâ²ãDIV*/
width:760px;
margin:0 auto;
padding:0
}
2¡¢ÎÄ×Ö´¹Ö±¾ ......
Putting the CSS Friendly Control Adapters to work
Menu Control Horizontal Layout - Asp.net 2.0
Putting the CSS Friendly Control Adapters to work
The CSS Friendly Control Adapters 1.0 override the default HTML generated by the ASP.NET Web controls to provide a more standar ......