添加到QQ书签 | 设为首页 | 加入收藏 | 繁體中文 | 网站地图
 | 网站首页 | QQ空间大图 | QQ空间FLASH模块 | QQ闪字表情 | QQ系列 | QQ下载 | 博客系列 | 完美图片 | 游戏秘籍 | 基础教程 | 
 | 精美字体 | 精品娃娃 | 个性签名 | 动感图片 | 制作素材 | 边框线条 | 视频·搞笑图片 | 基础知识 | 网页设计 | 
推 荐 阅 读
  • 没有推荐文章
  • 阅 读 排 行
    ·网页鼠标特效:在鼠标后面…
    ·在文本框默认自动输入当前…
    ·网页图片特效:图片动态水…
    ·网页鼠标特效:黑暗火光
    ·CSS基础知识:样式表CSS中…
    ·PHP源代码:图片加入文字…
    ·PHP源代码:Email图片生成
    ·CSS解决图片下有空隙
    ·纯CSS制作的网页中的ligh…
    ·网页图片鼠标动作特效:图…
    ·在线处理示意等待的AJAX动…
    ·11个图片上传加水印PHP源…
    ·CSS实现排版段落前面空两…
    ·网页时间特效:漂亮的脚本…
    ·PHP源代码:在图片上添加…
    ·DIV和CSS排版中制作细线条…
    ·CSS样式表参考:常用的CS…
    ·CSS优化:网页技术CSS的f…
    ·网页相册图片特效:矩阵鼠…
    ·PHP创建文字图片源码
     
    DIV和CSS排版中制作细线条的几种方法 【字体:
     您现在的位置: QQ宝页站 >> 网页设计 >> CSS层叠样式表 >> 正文 添加到百度搜藏 添加到QQ书签
     作者:未知    文章来源:搜集    点击数:    更新时间:2008-1-1  

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

    <style>
    .line{
    background: #CCCCCC;
    height: 6px;
    }</style>
    <div class="line"></div>

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

    <style>
    .line11{
    background: #CCCCCC;
    height: 6px;
    overflow: hidden;
    }</style>
    <div class="line11"></div>

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

    <style>
    .line12{
    background: #336699;
    line-height: 6px;
    }</style>
    <div class="line12"> </div>

    3:

    <style>
    .line13{
    background: #CC0000;
    height: 6px;
    font-size: 1px;
    }</style>
    <div class="line13"></div>


    Google
     
    文章录入:admin    责任编辑:admin 
  • 上一篇文章:

  • 下一篇文章:
  •  
    设为首页 / 加入收藏 / 联系站长 / 友情链接 / 本站动态 / 用户留言 / 版权申明
    QQ宝页站 www.QQBye.com 信息备案:粤ICP备06124483号