outline属性的设置和作用简述

  outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。

注释：轮廓线不会占据空间，也不一定是矩形。
outline 简写属性在一个声明中设置所有的轮廓属性。
简单说，当我们直接单击文本框里面是，外部会出现一个高亮的效果，对，这个就是outline；如果要设置一个椭圆形的文本框时outline 就显得多余了，可以设置outline：none；设置轮廓线为none，另外也可以outline-width:0px;
上代码：

<!DOCTYPE html>
<html lang="en-us">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>-_-</title>
</head>
<body>
用户名：<input type="text" style="width:180px;height:25px;border-radius:15px;outline:none;" placeholder="请输入你的用户名">
</body>
</html>

简单漂亮的文本框！

outline属性的设置和作用简述相关推荐

CSS outline属性以及和border属性的区别
CSS outline 属性定义和用法 outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用. 注释:轮廓线不会占据空间,也不一定是矩形. outline 简写 ...
html中outline属性,css的outline属性的作用是什么
css的outline属性的作用是什么发布时间:2020-05-06 11:47:34 来源:亿速云阅读:280 作者:小新 css的outline属性的作用是什么?相信有很多人都不太了解,今天小 ...
SSIS变量属性中EvaluateAsExpression设置的作用
我们在做SqlServer SSIS包开发的时候,经常会用到SSIS的变量,我们可以使用和修改SSIS变量的值使得SSIS包的逻辑更灵活,如下图所示: 在定义SSIS变量的时候可以使用固定值(如上图中 ...
Linux串口c_cc[VTIME]和c_cc[VMIN]属性设置的作用
转载请注明: Linux串口c_cc[VTIME]和c_cc[VMIN]属性设置的作用 | 学步园 + 转载自 http://www.xuebuyuan.com/282373.html 在串口编程模式 ...
html中outline属性,css 轮廓（outline）属性是如何使用的
一.什么是css轮廓(outline)属性轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用. 举个例子来说吧:在我们平时阅读浏览器里的内容时,当鼠标点击让一个 ...
html中outline属性,css outline属性怎么用？
CSS outline属性是一个简写属性,用于在一个声明中设置所有的轮廓属性,如颜色.样式.宽度,可在元素周围位于边框边缘的外围绘制一条线,能起到突出元素的作用. CSS outline属性作用:是 ...
JAVA坏境变量中的JAVA_HOME path classpath 的设置与作用。
JAVA坏境变量中的JAVA_HOME path classpath 的设置与作用. 今天再次设置java的环境变量,突然发现每次设置都只是按照步骤一步步将其设置完,并不了解为啥要设置,于是上网找了找 ...
java 隐藏地址栏参数_要想在浏览器的地址栏上的URL中隐藏传输的参数,需要将form标签的method属性值设置为( )。 (5.0分)_学小易找答案...
[填空题]若在JSP页面的不同作用域中有相同名称的对象,且EL表达式中又省略了相应的作用域类型名,则系统将会按照 . . . 的先后顺序查找相应对象. (20.0分) [简答题]AJAX异步请求过程中 ...
[css] 说说visibility属性的collapse属性值有什么作用？在不同浏览器下有什么区别？
[css] 说说visibility属性的collapse属性值有什么作用?在不同浏览器下有什么区别? 设置visibility: collapse后对于普通元素来说跟visibility: hidd ...

outline属性的设置和作用简述

outline属性的设置和作用简述相关推荐

最新文章

热门文章