标题 | div+css制作上左右下的框架页面 |
范文 | 首先是css代码: <style type="text/css"> <!-- *{margin:0px;padding:0px;border:0px;list-style-type:none; font-size:12px;text-decoration: none;} .hd{width: 960px;overflow: hidden;background-color: #33CCFF;height: 100px;margin-right: auto;margin-left: auto;} .bd {width: 960px;overflow: hidden;background-color: #BBCADE;margin-right: auto;margin-left: auto;margin-top: 8px;margin-bottom: 8px;} .bd .l_pt1 {width: 200px;overflow: hidden;background-color: #663366;float: left;height: 200px;clear: left;} .bd .l_pt2 {width: 200px;overflow: hidden;background-color: #666;height: 200px;margin-top: 8px;clear: left;float: left;} .bd .r_pt {background-color: #33CCFF;margin-left:200px;} .clear {font-size: 0px;clear: both;overflow: hidden;line-height: 0px;height: 0px;} .ft {width: 960px;overflow: hidden;background-color: #33CCFF;height: 100px;margin-right: auto;margin-left: auto;} 接下来是div: <div>此处显示 class "hd" 的内容</div> <div> <div>fdsf</div> <div>fdsafasf</div> <div> <p>dsdasdsadasd</p> </div> <div></div> </div> <div>此处显示 class "hd" 的内容</div> |
随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板,是学习及工作的有利工具。