CSS 用户界面属性

轮廓线

概述：轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。 轮廓（outline）属性指定元素轮廓的样式、颜色和宽度。

输入框边缘外的线

outline简写

• 在一个声明中设置所有的轮廓属性。

• 可以设置的属性分别是（按顺序）： outline-color, outline-style, outline-width

• 说明：

  • 轮廓样式 outline-style

  • 轮廓颜色 outline-color

  • 轮廓宽度 outline-width

  • 语法：空格隔开

• 取值：参考边框

• 清除设置 input ，textarea的轮廓线

   input, textarea {
              /* 清除轮廓线 */
              outline: none;
              /* 设置轮廓线  */
              outline: 1px solid red;
          }