DIV和CSS排版中制作细线条的方法

时间:2022-06-21 15:23:27 生活常识 我要投稿
  • 相关推荐

DIV和CSS排版中制作细线条的方法

  如果要制作一条高度小于12PX(大约)的线条,在IE中会显示出高于实际高度的,看下面。

  复制代码 代码如下:

  .line{

  background:#CCCCCC;

  height:6px;

  }

  可看出实际高度大于6PX,这也算是IE的一个BUG吧。以下三种方法可解决这个问题,推荐使用第一种方法。

  1:

  复制代码 代码如下:

  .line11{

  background:#CCCCCC;

  height:6px;

  overflow:hidden;

  }

  2.div之间要加个空格注:IE5.0无效

  复制代码 代码如下:

  .line12{

  background:#336699;

  line-height:6px;

  }

  3:

  复制代码 代码如下:

  .line13{

  background:#CC0000;

  height:6px;

  font-size:1px;

  }

【DIV和CSS排版中制作细线条的方法】相关文章:

DIV CSS制作网页时易犯的错误总结07-14

XHTML和CSS网页制作07-03

XHTML和CSS网页制作11-16

div+css 美工还是后台的任务07-03

网页设计div css为何加载失败07-03

在网页制作中如何控制DIV居中显示07-03

自学div+css遇到了一些问题07-03

自学网页设计,div+css、ASP、JavaScript,我应该先学哪个?07-03

关于网页制作之学习CSS的理由07-03

CSS制作网页的类以及ids的命名06-22