html设置网站的两栏要求如下

html设置网站的两栏要求如下,第1张

<html>

<body>

<style>

    body{

        width:1000px

    }

    #sidebar{

        width:280px

    }

    #(看不清){

        width:720px

    }

</style>

<div id="header"></div>

<div id="pagebody">

    <div id="sidebar"></div>

    <div id="(看不清了)"></div>

</div>

<div id="footer"></div>

</body>

</html>

颜色、高度自己写吧;希望能帮到你

<html>

<body>

<table width="100%" border="1">

  <tr>

    <th>Month</th>

    <th>Savings</th>

    <th>Savings for holiday!</th>

  </tr>

  <tr>

    <td>January</td>

    <td>$100</td>

    <td rowspan="2">$50</td>

  </tr>

  <tr>

    <td>February</td>

    <td>$80</td>

  </tr>

</table>

</body>

</html>

rowspan代表跨行。

此乃层的隐藏与显示也, 一、点击左边的缩进图片,左边栏收缩 二、实现的思路 1、图片作为按扭,点击图片触发层的显示和收缩,图片代码如下: <A href="javascript:show()"><IMG src="image/fclose.gif" align="absmiddle" border="0"></A>三、源代码 <HTML><HEAD><META http-equiv="Content-Type" content="text/htmlcharset=gb2312"><TITLE>收缩左边栏效果</TITLE><STYLE type="text/css">td{font-size:12pxline-height:22px} .red{color: #FF0000} </STYLE><SCRIPT language="JavaScript">function show(){ if(document.getElementById("left").style.display=='none'){ //判断目前左边栏的状态(显示、隐藏) document.getElementById("left").style.display='block'//显示左边栏 } else{document.getElementById("left").style.display='none'//隐藏左边栏} } </SCRIPT></HEAD><BODY><TABLE width="98%" border="0" cellspacing="0" cellpadding="0" align="center"><TR><TD id="left" width="200">点点右边的收缩按钮,看看我是不是进去了!</TD><TD width="8" style="border-right:1 #cccccc solid"><A href="javascript:show()"><IMG src="image/fclose.jpg" align="absmiddle" border="0"></A></TD><TD valign="top">右侧</TD></TR></TABLE> </BODY></HTML>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7261009.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存