zoukankan      html  css  js  c++  java
  • 用CSS样式画横线和竖线的方法

    今天在做网页的时候,需要用到CSS画横线,虽然比较简单,但也出了一些小问题,拿来做个备忘。

    方法一:用DIV,代码如下:(推荐此方法)

        <div style="800px;height:1px;margin:0px auto;padding:0px;overflow:hidden;"></div>

        说明:上面代码中的红色部分overflow:hidden;很重要,如果不加这句的话,在IE6下高度将会被拉的很开。

    方法二:用HR,代码如下:

        <hr style="margin:0px;height:1px;border:0px;color:#D5D5D5;"/>

        但是用方法二HR的方法,在IE6下总是在高度方面,上面总是空了一点距离,找不到好的解决方法,不知有高手是否知道,请留言指教!

    *************************************************************

    在开发中遇到一种需求:画一条竖线。

    直接border-right就可以了。

    参考博客:

    http://www.cnblogs.com/helloIT/p/5368746.html

    http://jingyan.baidu.com/article/f79b7cb3a95e7c9144023ee7.html

  • 相关阅读:
    JSTL XML标签库 使用
    JSTL SQL标签库 使用
    JSTL I18N 格式标签库
    基于struts2的ajaxfileupload异步上传插件的使用
    Spring 使用注解方式进行事务管理
    vi编辑器的使用方式
    js基础知识介绍
    选择语句
    数组
    0411作业
  • 原文地址:https://www.cnblogs.com/kllay/p/5911841.html
Copyright © 2011-2022 走看看