用CSS样式画横线的方法

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

方法一：用DIV，代码如下：（推荐此方法）<div style="width:800px;height:1px;margin:0px auto;padding:0px;background-color:#D5D5D5;overflow:hidden;"></div>说明：上面代码中的红色部分overflow:hidden;很重要，如果不加这句的话，在IE6下高度将会被拉的很开。方法二：用HR，代码如下：<hr style="margin:0px;height:1px;border:0px;background-color:#D5D5D5;color:#D5D5D5;"/>但是用方法二HR的方法，在IE6下总是在高度方面，上面总是空了一点距离，找不到好的解决方法，不知有高手是否知道，请留言指教！

欢迎转载，转载请注明：转载自HTMer [ http://www.htmer.com/ ] 本文链接地址：http://www.htmer.com/article/902.htm

用CSS样式画横线的方法相关推荐

JS行间改变css的方法,js改变css样式的三种方法推荐
共用代码: this is a div var div=document.getElementById('div'); 第一种:用cssText div.style.cssText='width:25 ...
2、HTML嵌入CSS样式（四种方法）
CSS 样式代码必须保存在.css类型的文本文件中,或者放在网页内 <style> 标签中,或者插在网页标签的 style 属性值中. CSS 样式应用的方法主要包括 4 种:行内样式.内 ...
CSS样式之内容居中方法
文章出自个人博客https://knightyun.github.io/2018/05/22/css-content-center,转载请申明. 水平居中 HTML中要实现某一内容水平居中显示,要通过 ...
引入CSS样式的三种方法
样式表放在不同的地方,产生作用的范围也不同.大致来说,样式表分为内联样式表和外联样式表,即有页面内放置.外部引用.外部导入三种方式. 内联样式表内联样式表就是把样式表规则放在 < HEAD&g ...
Django解决css样式失效问题最终方法
由于Django对css的支持不是很友好,有时候我们明明写了相应的css代码,但是引入css文件的时候前端没有效果,找了很多方法来解决都没能最终解决,终于在一个帖子上看到一个方法,对解决css样式 ...
Vue 之解决v-html生成的元素不能触发@click等vue事件和CSS样式不生效的方法
一.简介官方文档: 通过上面官方文档的介绍我们可以得知两个重点: ① 通过v-html生成的页面元素,不会被当做Vue模板进行编译,只会作为普通的html代码被插入,也就是说通过v-html插入的h ...
windows浏览器CSS样式丢失的解决方法
有时候,用户访问ACSERVER的页面发现CSS样式丢失,而且每种浏览器的样式都是丢失的,这个时候注意,可能是操作系统的注册表CSS类型原因引起的样式丢失,解决方法如下: winl+R (win键是键 ...
css样式隐藏元素的方法,你不知道的css隐藏元素的方法
css隐藏元素是网页编写常用的方式,根据我的经验总结了以下几种css隐藏元素的方法. 记录 opacity opacity属性的隐藏方法主要是将元素透明度opacity设置为0,从而在视觉上就隐藏了元 ...
Javascript第五章改变CSS样式节点两种方法，制作导航背景切换效果第十课
第一种方法: 鼠标移出,移入来改变导航的样式第二种方法: 如果改变的效果较多的话代码出现冗余可以有className 代码如下: 效果:

用CSS样式画横线的方法

用CSS样式画横线的方法相关推荐

最新文章

热门文章