黑马程序员技术交流社区

标题: 哪位大神能做出来则这种效果 [打印本页]
作者: 朱志江    时间: 2013-3-19 11:42
标题: 哪位大神能做出来则这种效果
感激不尽啊

QQ图片20130319113853.jpg (44.16 KB, 下载次数: 15)

QQ图片20130319113853.jpg
作者: 桉树    时间: 2013-3-19 12:59
用 <frameset> 标签 试试吧。。{:soso_e128:}
作者: 黑马-杨鹏立    时间: 2013-3-19 13:06




主框架
<html>

<frameset cols="25%,50%,25%">
  <frame src="frame_a.htm" />
  <frame src="frame_b.htm" />
  <frame src="frame_c.htm" />
</frameset>

</html>

小页面   每个都自己去改背景色
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body style="background-color:Blue;">
frameC
</body>
</html>

作者: 曾钦    时间: 2013-3-19 13:42
demo见附件。。

frame.rar

952 Bytes, 下载次数: 92
作者: shenge321    时间: 2013-4-26 16:37
我用div做的。
  1. <html>
  2.         <head>
  3.                 <title>测试啊.........</title>
  4.                 <style>
  5.                 *{margin:0;padding:0}
  6.                 #div1{width:25%;height:100%;float:left;background-color:red;}
  7.                 #div2{width:50%;height:100%;float:left;background-color:black;}
  8.                 #div3{width:25%;height:100%;float:right;background-color:#dddddd;}
  9.                 </style>
  10.         </head>
  11.        
  12.         <body>
  13.                 <div id="div1">div1</div>
  14.                 <div id="div2" style="color:white;">div2</div>
  15.                 <div id="div3">div3</div>
  16.         </body>
  17. </html>
复制代码




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2