html水平线向上移动代码,HTML 水平线

定义和用法：

标签在HTML页面中创建一条水平线。

水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。

HTML 与 XHTML 之间的差异

在 HTML 中，

标签没有结束标签。

在 XHTML 中，

必须被正确地关闭，比如

。

在 HTML 4.01 中，hr 元素的所有呈现属性均不被赞成使用。

在 XHTML 1.0 Strict DTD 中，hr 元素的所有呈现属性均不被支持。

所以，请使用样式来改变它的它的属性。

html中hr的各种样式使用

第一种：虚线 dotted(来自 dot (点)，由 dot 组成的虚线，也称点线 )

height:2px;是hr的高度

border:none;是没有边框

border-top:2px dotted #185598;是设置横线的样式

dotted 虚线 #185598 颜色

第二种：虚线 dashed (来自 dash(破折号)，由 dash 组成的虚线 )

第三种：实线 solid

第四种：双实线 double

第五种：脊线式边框 ridge

第六种：groove(上颜色)和 skyblue(下颜色)

第七种：竖线

HR标签在不同浏览器的默认边距问题：

在加了hr后，在ie下面会有默认的6px的边距，通过修改了margin：-6px;后仍然能解决，但是firefox下面却发现，hr提上去了，很不和谐。

解决方法

hr{ margin:0px; *margin:-6px;}

解释：

当ie下面解析的时候，会解析margin：-6px；所以ie下面显示正常

当在firefox下面解析的时候会解析margin:0px; 所以firefox下面也会解释正常

css控制水平衡线hr标签样式去掉其阴影效果

html中水平衡线hr默认高度是两个像素，其中border-top高1px，且颜色为黑，border-bottom高1px颜色为灰，这时看着是阴影效果

去掉阴影效果很简单，只需在css里把border-bottom或border-top属性设置一个为none即可。

来源：https://www.cnblogs.com/zuihongyan/p/5640048.html

html水平线向上移动代码,HTML 水平线相关推荐

改变水平线hr的颜色
在使用hr的时候很容易误解为border就是水平线,改变border就能改变水平线的颜色,然而事实并不是这样的,要想改变水平线的颜色,要从下面的i几个属性出发: border:设置为none或者0px ...
html文字向上移动10px,HTML文字移动特效代码
HTML文字移动特效代码一.从右向左移代码需要移动的文字二.从左向右移代码需要移动的文字三.一圈一圈绕着移动代码需要移动的文字四.只移动三次就停了代码需要移动的文字五.移一步 ...
在墙上找垂直线_墙上如何快速找水平线
在装修房子的时候,墙面的面积一般都很大,所以在施工的时候要找准水平线很重要,那么一般施工人员是如何在墙上快速找水平线的呢?今天小编就来告诉大家几种找水平线的方法. 一.如何快速找水平线 1.用一根透明 ...
我用DW也有几年了，真不知道你说的这些代码是什么？不是快捷键吧？
我用DW也有几年了,真不知道你说的这些代码是什么?不是快捷键吧? 难道是Html代码?下面是我教学时用的.不知道你说的是不是这个. 一.<html>.<head>.< ...
html标签特效代码大全
<marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marqu ...
html基础常用标签,HTML基础（三）常用标签-by Haley(示例代码)
一.注释文字语法: 二. - 标签这是标题 1 这是标题 2 这是标题 3 这是标题 4 这是标题 5 这是标题 6 三. 标签在 HTML 页面中创建水平线 hr 标签定义水平线: 这是段落. ...
最新特效移动文字代码大全
1.从右向左移从右向左移代码: <marquee scrollAmount=1 direction=left>从右向左移</marquee> 2.从左向右移从左向右移代 ...
html网页播放器编辑代码大全
<P align=center><FONT color=#0066ff face=隶书 size=5>插进去文字</FONT></P> align=ce ...
请写出锄禾的HTML的代码,html代码基础汇编
4.给滚动字幕加超链接的代码.这跟平时的超链接是完全一样的.只要在文字外面加上和就可以了. 代码是: 梦中人梦工场, 点击"梦中人梦工场"就可以进入了. 5.交替移动效果代码 ...
几种常用的HTML文字移动代码[转载]
了解一定的html代码对于优化来说也是很好的一个帮助.所以今天学习了一下几种常用的html代码,拿过来与大家分享啊. 1.从左向右移文字移动代码代码 <marquee direction=ri ...

html水平线向上移动代码,HTML 水平线

html水平线向上移动代码,HTML 水平线相关推荐

最新文章

热门文章