标签的属性问题

来源:4-22 锚链接(不同页面)

先生徐

2018-04-20 10:06:10

<hr style="color:red;">与 <hr color=red;>的区别,为啥前者分割线还是原来颜色不是红色?

写回答

1回答

Miss路

2018-04-20

 首先,抛开内容的对错,我们来分析两行代码,<hr style="color:red;">这种是以样式的形式给标签添加样式,而<hr color="red">是以属性和值的形式去给标签添加样式,如果不好理解的话,你可以这么来理解,所有的在style里面定义的都叫样式,在标签中以 属性=值 的形式对出现的都叫属性,比如class属性、id属性、name属性等。

其次,color属性是给字体添加颜色,所以这里直接<hr style="color:red;">这样写不会起作用,因为hr是一个横线,里面并没有字体,所以不会有效。

而另一种写法<hr color="red">虽然能起作用,但是其实不太符合w3c标准,也不建议这么写。

那么正确的写法有两种:

1、给hr设置背景颜色,当然前提需要给hr设置宽高,要么把边框设置为0,要么给边框设置红色。

http://img.mukewang.com/climg/5ad989220001a3e306120547.jpg

2、给hr设置边框颜色,但是需要给定宽度。

http://img.mukewang.com/climg/5ad9894e000104f805640461.jpg

如下图所示:祝学习愉快~


1

0 学习 · 36712 问题

查看课程