css3-13 如何改变文本框的轮廓颜色
生活随笔
收集整理的這篇文章主要介紹了
css3-13 如何改变文本框的轮廓颜色
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
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 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>index</title> 6 <style> 7 body{ 8 padding-left:300px; 9 padding-top:100px; 10 } 11 .img{ 12 width:256px; 13 height:256px; 14 background: #ccc; 15 overflow: hidden; 16 /*border-radius:256px;*/ 17 border:2px solid #f00; 18 outline:2px dashed #00f; 19 outline-offset:20px; 20 } 21 </style> 22 <script src="jquery.min.js"></script> 23 </head> 24 <body> 25 <div class='img'> 26 <img src="dog.png" alt=""> 27 </div> 28 </body> 29 <script> 30 </script> 31 </html>?
?
轉載于:https://www.cnblogs.com/Renyi-Fan/p/9269937.html
總結
以上是生活随笔為你收集整理的css3-13 如何改变文本框的轮廓颜色的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Spring Cloud Gateway
- 下一篇： BZOJ1509: [NOI2003]逃