hr换行符的颜色设置

项目需求有一个2px的换行符,颜色是淡灰色的,这里面可能有一些不一样的设置,需要明白。

说到颜色变化,大家首先想到的都是color,但是color一般都是针对字体颜色的,线条需要用background-color,

但是单纯的将背景色设为灰色是不够的,线条还是黑色的,我们需要给线条一个高度,也就是我们需要的2px

这样设置完后,在浏览器中可以看到线条变粗了,而且原来的黑色好像还是存在的

其实,hr是有默认的border的,我们需要将它的边框去掉,设为border:none

<div style='background-color:#f7f7f7;height:2px;border:none;''>

好了  解决

时间: 2024-10-23 10:47:05

hr换行符的颜色设置的相关文章

文本域中换行符的替换示例

 这篇文章主要介绍了文本域中换行符的替换,需要的朋友可以参考下 说明:代码在实际项目中测试通过,我已经省去些不重要的,大家可以重点看颜色标记的部分    前戏:    问:为什么做这个呢??    答:项目中有个将录入的文本域文字保存到数据库中.'查看时'从数据库获取相应数据,显示在文本域中.开发期间发现换行符使用jquery 的val() 还是text()获取后不做处理,保存数据库中没有换行了,自然取出来显示也就没有换行符了!由此写了下面的文章----有点啰嗦啊!  代码如下: <%@ pag

文本域中换行符的替换示例_jquery

说明:代码在实际项目中测试通过,我已经省去些不重要的,大家可以重点看颜色标记的部分 前戏: 问:为什么做这个呢?? 答:项目中有个将录入的文本域文字保存到数据库中.'查看时'从数据库获取相应数据,显示在文本域中.开发期间发现换行符使用jquery 的val() 还是text()获取后不做处理,保存数据库中没有换行了,自然取出来显示也就没有换行符了!由此写了下面的文章----有点啰嗦啊! 复制代码 代码如下: <%@ page contentType="text/html;charset=U

Eclipse中如何把已经写好的代码切换为unix下的换行符

切换换行符的显示格式, 一般的设置是这样的: 但是这样只能对新文件起作用,原来已经写好的还是那熊样.(怎么办呢,得吃后悔药啊,谁让你开始没准备好呢?!T_T) 下面就是后悔药: 返回栏目页:http://www.bianceng.cnhttp://www.bianceng.cn/Programming/extra/ 这样就OK了. 附:有图有真相 转换前: 转换后:

怎样去掉Word文档中的手动换行符

  怎样去掉Word文档中的手动换行符          (1)单击"编辑"菜单中的"替换"; (2)在"替换"对话框上,单击"高级"按钮; (3)将光标移至"查找内容"框中,单击"特殊字符"按钮后,单击"手动换行符"(^l); (4)将光标移至"替换为"框中,单击"特殊字符"按钮后,单击"段落标记"(^p)

git 换行符问题,统一linux风格

在多平台开发,换行符一直很纠结的问题. 风来了.fox 统一设置 成linux风格 CR回车 LF换行Windows/Dos CRLF \r\n Linux/Unix LF \n MacOS CR \r 提交/检出 不转换 git config --global core.autocrlf false 拒绝提交包含混合换行符的文件 git config --global core.safecrlf true 设置区分大小写 git config --global core.ignorecase

iOS中修改UITextField占位符字体颜色的方法总结_IOS

前言 最近学了UITextField控件, 感觉在里面设置占位符非常好, 给用户提示信息, 于是就在想占位符的字体和颜色能不能改变呢?下面是小编的一些简单的实现,有需要的朋友们可以参考. 修改UITextField的占位符文字颜色主要有三个方法: 1.使用attributedPlaceholder属性 @property(nullable, nonatomic,copy) NSAttributedString *attributedPlaceholder NS_AVAILABLE_IOS(6_0

Android TextView字体颜色设置方法小结_Android

本文实例总结了Android TextView字体颜色设置方法.分享给大家供大家参考,具体如下: 对于setTextView(int a)这里的a是传进去颜色的值.例如,红色0xff0000是指0xff0000如何直接传入R.color.red是没有办法设置颜色的,只有通过文章中的第三种方法先拿到资源的颜色值再传进去. tv.setTextColor(this.getResources().getColor(R.color.red)); 关键字: android textview color T

log4j日志换行符

问题描述 window下怎么管理日志换行符?如图 我的日志不输出 求大神解释.. 问题补充:有配置文件的,, 设置也是正确的 可就是一直不输出. 解决方案 报错信息是找不到appender,可能的原因- 没有写配置文件. properties或xml- 配置文件位置不对.默认是在classpath下的比如log4j.properties这样.

php正则表达式过滤空格 换行符 回车

  一,下例可以去除额外空白  代码如下   <?php  $str = " This line containstliberal rn use of whitespace.nn";  // First remove the leading/trailing whitespace  //去掉开始和结束的空白  www.111cn.net $str = trim($str);  // Now remove any doubled-up whitespace  //去掉跟随别的挤在一