加载中…
个人资料
淦你娘码爆
淦你娘码爆
  • 博客等级:
  • 博客积分:0
  • 博客访问:18,470
  • 关注人气:1
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
谁看过这篇博文
加载中…
正文 字体大小:

day44:div--页面分区

(2017-02-24 10:50:39)
day44:div--页面分区如图:div用于给网页从上至下划分出长条的矩形区域

html代码:

<!-- 声明文档类型-->
<!doctype html>

<html>
    <head>
         <title>div分区</title> 
         <meta charset="utf-8"/>
    </head>
    <body>  
    
       <!-- 一个网页的分区模版 -->
    
       <!-- 第一行div用于放-logo/工具 -->    
       <div></div>
       
       <!-- 第二行div用于放-网页的内容 -->
       <div></div>
       
       <!-- 第三行div用于放-版权标识 -->
       <div></div>
       
    </body>
</html>

在浏览器中打开后是一片空白
原因:div中没写内容,而div本身划出的矩形框又是白色,所以什么也看不到

给div加边框加内容--代码:

<!-- 声明文档类型-->
<!doctype html>

<html>
    <head>
         <title>div分区</title> 
         <meta charset="utf-8"/>
    </head>
    <body>  
    
       <!-- 一个网页的分区模版 -->
    
       <!-- 第一行div用于放-logo/工具 -->  
       
       <!-- 设置边框1个像素粗(1px),为实线(solid),边框为红色(red) -->  
       <div style="border:1px solid red;">
         <h1>这里放置logo和工具按钮</h1>
       </div>
       
       <!-- 第二行div用于放-网页的内容 -->
       <div style="border:1px solid red;">
         <p>Hello World</p><p>你好,世界</p><p>网页内容</p>
       </div>
         
       <!-- 第三行div用于放-版权标识 -->
       <div style="border:1px solid red;">
         <p>访问量      公安备案号</p><p>友情连接</p><p>xxx</p>
       </div>
       
    </body>
</html>

用浏览器打开后,显示:
day44:div--页面分区

0

阅读 评论 收藏 转载 喜欢 打印举报
已投稿到:
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 电话:4006900000 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有