用CSS样式画横线和竖线的方法
2024-10-19 00:20:19
今天在做网页的时候,需要用到CSS画横线,虽然比较简单,但也出了一些小问题,拿来做个备忘。
方法一:用DIV,代码如下:(推荐此方法)
<div style="width: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
最新文章
- NCBI database download
- Boba.js – 用于 Google 统计分析 JavaScript 库
- jQuery问题集锦
- php概率算法(转)
- Linux学习笔记(19) Linux服务管理
- 用python简单处理图片(2):图像通道\几何变换\裁剪
- Non-constant Fields in Case Labels
- linux C 快速排序法
- ☀【JS】检测属性
- Mac安装Mysql无法登录
- GO逆转字符串
- 推荐六款炫酷的HTML5效果插件
- Hbase的常见shell操作
- yum方式安装mysql
- linux命令知识点
- [leetcode]4. Median of Two Sorted Arrays俩有序数组的中位数
- 面试总结之人工智能AI(Artificial Intelligence)/ 机器学习(Machine Learning)
- 【RabbitMQ】三种类型交换器 Fanout,Direct,Topic(转)
- 在ASP.NET里实现计算器代码的封装
- 算法笔记_208:第六届蓝桥杯软件类决赛真题(Java语言A组)