zoukankan      html  css  js  c++  java
  • text-decoration和outline

    text-decoration和outline

    这两个一直弄混,其实是没有任何关联的,今天梳理一下,知识虽小但是也要积攒呀

    • text-decoration 首先看名字,顾名思义是文本的修饰,比如加一些线条(underline)啊什么的,或者去掉线条(none)常用在a标签

      1. 修饰文本的话有在上面的(overline),中间的(line-through),下面的(underline),没有的(blink)

      2. 常用的是在去掉a标签自带的下划线

      3. h1 {text-decoration:overline}
        h2 {text-decoration:line-through}
        h3 {text-decoration:underline}
        h4 {text-decoration:blink}
        
    • outline 设置边框的,常用在input输入框,获取焦点时进行设置

    可以按以下顺序设置

    1. outline-color 颜色
    2. outline-style 样式(实线 solid 虚线 dotted等)
    3. outline-width 宽度(thin,medium,thick 自由发挥)
  • 相关阅读:
    javascript --学习this
    seaJS
    wamp之htaccess的配置
    replace之$1、$2等
    nw.js使用
    新电脑开发环境配置
    vue-vue常用指令
    Array的splice与slice
    vue-入门体验
    Object.defineProperty
  • 原文地址:https://www.cnblogs.com/wszzj/p/14104809.html
Copyright © 2011-2022 走看看