tableÏÂcssµÄ¶¨Î» - Web ¿ª·¢ / HTML(CSS)
Ò»¸ötableÏ£¬ÓÐÒ»¸ödiv¶¨ÒåµÄcss²ã¡£ÐèÒªÁ½Õß×ó±ß¶ÔÆë¡£µ«ÊÇ£¬ÓÉÓÚliÊôÐÔ×ÜÊÇʹµÃËüÀë×ó±ßÓÐÒ»¶¨¾àÀ룬û·¨¶ÔÆë¡£ÏëÁ˺þã¬Ã»Óа취¡£
Çë´ó¼Ò°ï棬Õâ¸öÖ»ÄÜÓÃÓÃtableºÍcssÀ´×ö£¬Ð»Ð»
CSS code:
#result_header {height:25px; width:632px; background-color: rgb(204,204,204); border-top: solid 1px #06C;}
<!--result_header #font{float:left;font:Verdana, Geneva, sans-serif;font-weight:bold;} -->
#result_header ul{height:inherit; display:block; margin:0px;}
#result_header ul li{width:16px; display:inline; float:right;}
#result_content{width:632; border-top: 2px #03F; position:absolute;}
#result_content ul{float:left; list-style:none;}
#result_content ul li{display:inline;}
HTML code:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" media="screen, projection" type="text/css" href="result.css" />
</head>
<body>
Ïà¹ØÎÊ´ð£º
ÎÒµÄjava applet ǶÈëhtmlºóÎÞ·¨ÏÔʾ£¬¶øÓÃappletviewerÏÔʾÕý³£ÎªÊ²Ã´£¬»¹ÓоÍÊÇÓÃhtml converterת»¯ºó¿ÉÒÔÏÔʾ£¬ÎªÊ²Ã´£¿Çë´óÏÀ´Í½Ì£¡
HTML code:
<HTML>
<HEAD>
<TITLE>TEST.HTML< ......
ÔÚʹÓÃCSSÖеÄpadding-leftʱÓöµ½Ò»¸öÎÊÌâ¡£¾ÍÊDZ¾À´ÒѾÉèÖúõĿí¶È£¬padding-leftÒ»ÉèÖà ¶àÉÙºÃÏñ¾Í°ÑÕâ¸ö¼Ó¿íÁ˶àÉÙ¡£ºóÃæµÄDIV¾Í±äλÖÃÁË¡£ÓÐû½â¾ö°ì·¨Ñ½
ÇëÎÊÄãIE¼¸°¡£¿=£¬= ²»»áÓÐÕâÖÖÇé¿öÒ®
Èç¹ûÊÇIE6£¬Ä ......
.css1 .css2 #objid {OVERFLOW: scroll;...}
.css1 .css3 {...}
°Ñ¾ßÓй²Í¬ÑùʽµÄдµ½Ò»ÆðÁË ºÃά»¤
ÖмäÎÞ¶ººÅ£¬ÊôÓÚÑùʽǶÌ×
ÑùʽµÄ¹²Í¬µÄµØ·½Ð´ÔÚÒ»Æð£¬¿ÉÒÔÊ¡µô²»±ØÒªµÄ´úÂëÐÐ~
Õâ¸ö¾ÍÊÇ´úÂë ......
display:inline-block;
overflow:hidden;£¨ÍøÂçÉϲéÕÒÊÇÓ°²ØÒç³ö£¬µ«ÊDzâÊÔÆðÀ´¸Ð¾õ²»Ì«Ã÷°×£©
position:relative;£¨¾ø¶Ô¶¨Î»£¬²»ÖªµÀ¶Ô²»¶Ô£©
position:absolute;
ÕâËĸöÊôÐÔÔÚCSSÀïÃæ³öÏÖÆµÂʱȽϸߣ¬¸ßÊÖÖ¸µã ......
ȺÀïÓÐû»áCSSµÄ¸ßÊÖ¡£¡£¡£ÎÒÔÚJSPÒ³ÃæÖÐʹÓÃlinkÁ¬½ÓCSSÑùʽ±í£¬ul li±êÇ©×ܲ»Æð×÷Óá£Ö±½Ó°ÑCSS¶¨Òå·Åµ½JSPÒ³Ãæ¾ÍÄÜÕý³£ÏÔʾ£¬ÊÇʲôÎÊÌâÄØ£¨ÔÚÍⲿCSS±íÖж¨ÒåµÄBODY±êÇ©ÄÜÓ¦ÓÃÉÏ£©
css񡜧
.logo {
MARGIN: ......