text-decoration和outline
text-decoration和outline
这两个一直弄混,其实是没有任何关联的,今天梳理一下,知识虽小但是也要积攒呀
-
text-decoration 首先看名字,顾名思义是文本的修饰,比如加一些线条(underline)啊什么的,或者去掉线条(none)常用在a标签
-
修饰文本的话有在上面的(overline),中间的(line-through),下面的(underline),没有的(blink)
-
常用的是在去掉a标签自带的下划线
-
h1 {text-decoration:overline} h2 {text-decoration:line-through} h3 {text-decoration:underline} h4 {text-decoration:blink}
-
-
outline 设置边框的,常用在input输入框,获取焦点时进行设置
可以按以下顺序设置
- outline-color 颜色
- outline-style 样式(实线 solid 虚线 dotted等)
- outline-width 宽度(thin,medium,thick 自由发挥)