css3-13 如何改变文本框的轮廓颜色

一、总结

一句话总结：outline使用和border很像，几乎一模一样，多了一个offset属性

 

1、轮廓outline如何使用？

使用和border很像，几乎一模一样，多了一个offset属性

18             outline:2px dashed #00f;19 outline-offset:20px;

 

2、轮廓outline和边框的区别是什么？

使用和border很像，几乎一模一样，多了一个offset属性

18             outline:2px dashed #00f;19 outline-offset:20px;

 

3、轮廓outline的使用场景是什么？

input单行文本框focus时候的颜色

 

 

4、如何如何改变文本框的轮廓颜色？

outline属性即可，使用和border很像，多了一个offset属性

18             outline:2px dashed #00f;19 outline-offset:20px;

 

 

二、轮廓outline

1、相关知识

轮廓样式:

outline:2px solid #f00;

outline-offset:15px;

 

 

2、代码

1  2  3  4     
      5      6     22     23 24 25     
     
      26         
          27     
     
28 29 31