无锡网络公司主营:微信公众号开发 视频主持人无锡网站建设无锡网站推广、400电话、淘宝店铺装修

无锡网站建设 >建站套餐

您当前的位置:明翔网络首页 >网站建设客户须知

建站套餐
功能开发
网站维护
网站推广
用户体验
域名主机
网络服务

用hr标签做无边框无边距的分隔线


『作者:明翔 』『2012/5/24』

<!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/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
body {
 margin: 0px;
 padding: 0px;
}

hr{
 height:8px;
 *height:10px;
 margin:0;
    *margin:0 0 -14px 0;  
 float:none;
    *float:left;
 display:block;
 width: 0px;
 border: 1px solid #006600;
}

.box {
 background: #006600;
 width: 400px;
 border: 10px solid #006600;
 margin-right: auto;
 margin-left: auto;
}
.aa,.bb {
 height: 95px;
 width: 400px;
 background: #999900;
}
.cl {
 background: #669999;
 float: left;
 height: 50px;
 width: 195px;
}
.cr {
 background: #6699CC;
 float: right;
 height: 50px;
 width: 195px;}
-->
</style>
</head>

<body>
<div class="box">
  <div class="aa"></div>
  <hr />
  <div class="bb"></div>
  <hr />
  <div class="cl"></div>
  <div class="cr"></div>
  <br clear="all" />
</div>
</body>
</html>


tags:

上一篇鼠标悬浮到div上,边框变色的方法 下一篇背景实现半透明的方法
文章作者:明翔
本文地址:http://www.seopets.com/webnews.asp?id=493
版权所有-转载时必须以链接形式注明作者和原始出处!

主机租用
无锡明翔网络保证提供给客户的虚拟主机速度快、稳定,虚拟主机由中国频道提供服务器配置。
企业邮局
自主管理邮箱设定支持别名及邮件分组列表功能,传输加密收发可靠,安全及反攻击设备
网络推广
百度优化推广是一种自然正规的网络网络推广方式,价格和竞价相比便宜和竞价相比便宜。
域名注册
IDN(国际化域名名称)标准,全面支持A、CNAME、MX记录及URL转发,拥有全部域名管理权。

Copyright 2009-2014 All Rights Reserved @ 明翔网络 地址:无锡市新区旺庄路
邮政编码:214000 客服电话:180-3629-6280 经营性许可证:苏ICP备11043233号 客服邮箱:admin@seopets.com