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 如何改变文本框的轮廓颜色相关推荐

html 改变文本框字体颜色,CSS更改文本框的字体颜色
我已搜索和搜索,但不能很好地得到这个权利.我在我的网站上有一个文本框,在我的CSS/HTML中,我将它定义为一个类,就像其他任何东西一样,并给它一个背景图像没有问题.我决定我需要改变字体颜色,但不管我 ...
C#随机改变文本框文字颜色
前言为了一个小要求在网上找了半天,综合了各个部分终于找到了解决方法.主要就是生成随机颜色的部分.又看到用Color类的,不过一长串的字符串还是有点不满意,于是用了Color.FromArgb()方法 ...
js/jquery获取文本框的值与改变文本框的值
我们就用它来学习获取文本框的值及改变文本框的值. 代码如下复制代码 <script> function get1() { document.getElementById("tx ...
word文本框线形怎么设置_Word2010怎么设置文本框样式和颜色
在Word2010文档中,用户可以根据文档需要为文本框设置纯颜色填充.渐变颜色填充.图片填充或纹理填充,使文本框更具表现力.在Word2010文档中设置文本框填充效果,不懂的朋友会请多多学习哦. Wo ...
HTML文本框聚焦边框颜色如何不改变
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> ...
使用CSS3改变文本选中的默认颜色
by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=1147 关于浏览器文 ...
如何改变文本框在HTML中的位置
首先是上下移动,其次是左右移动 1. 上下移动 1.创建一个div,然后将文本框放入div中:(注意:如果只想移动这一个文本框到指定位置的话,最好使用类选择器,来从css文件中获取该div标签). 如 ...
百思不得姐第4天：文本框占位文字颜色
一:设置登录界面和注册界面的切换 #import "CQLoginViewController.h" #import "CQCustomTextField.h" ...
java设置文本框里字体颜色_swing设置字体颜色
());//设置该容器的布局 container.setBackground(Color.red);//设置字体对话框颜色 testLabel = new JLabel("作者:张旭&quo ...

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

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

一、总结

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

1、轮廓outline如何使用？

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

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

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

二、轮廓outline

1、相关知识

2、代码

css3-13 如何改变文本框的轮廓颜色相关推荐

最新文章

热门文章