打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
div+Css示例
index.php

<!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/199/xhtml>
 <head>
 <meta http-equiv="Content-Type" content="text/html;charset=utf8">
 <title>公司内网</title>
 <link href="general.css" rel="stylesheet" type="text/css" />
 </head>
 
 <body>
 <h1>公司内部网</h1>
 <div id="notification">
 <h3>公司公告:</h3>
 正在建设中……
 <a href=""></a></br>
 </div>
 
 <div id="site">
 <h3>常用网站:</h3>
 <a href="http://www.baidu.com">百度搜索</a></br>
 </div>
 
 <div id="software">
 <h3>常用软件:</h3>
 <br>
 <a href="./soft/dotNetFramework 3.5 SP1.exe">.NetForm</a></br>
 </div>
 
 <div id="erp">
 <h3>ERP资料:</h3>
 </div>
 
 <div id="document">
 <h3>公司文件:</h3>
 </div>
 
 </body>
 </html>


general.css

#notification
 {
  position:absolute;
  left:10px;top:100px;
  width:200px; height:200px;
  background-color:white;
  border-style: solid;
 }
 
 #site
 {
  position:absolute;
  left:10px;top:320px;
  width:200px; height:600px;
  background-color:white;
  border-style: solid;
 }
 
 #software
 {
  position:absolute;
  left:250px;top:100px;
  width:300px; height:820px;
  background-color:white;
  border-style: solid;
  outline-color:#00FF00;
 }
 
 #erp
 {
  position:absolute;
  left:600px;top:100px;
  width:400px; height:300px;
  background-color:white;
  border-style: solid;
 }
 
 #document
 {
  position:absolute;
  left:600px;top:420px;
  width:400px; height:500px;
  background-color:white;
  border-style: solid;
 }
 
 a {text-decoration:none}
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
Div+Css网页布局之定位篇--Postion属性详解
理解CSS浮动float、定位position
HTML DIV CSS布局基础
前端css实现最基本的时间轴
css position属性学习
可拖拽可改变大小的层
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服