CSS3 outline轮廓线

当文本框获取焦点时，我们可以看到文本框周围会出现一条淡蓝色的轮廓线。

outline用于设置元素的轮廓线，用法和border一样，但轮廓线不会影响到边框的大小。

语法

outline: 轮廓线宽度 轮廓线样式 轮廓线颜色;

使用

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title><style type="text/css">input[type="text"]:focus {outline: 1px solid red;}</style></head><body><input id="txt" type="text" /></body>
</html>

CSS3 outline轮廓线相关推荐

css+css3层叠样式表标签汇总（笔记）
文章目录 CSS属性书写顺序(重点) 一.引入CSS样式表 1.1 行内式(内联样式) 1.2 内部样式表(内嵌样式表) 1.3 外部样式表(外链式) 二.CSS基础选择器 2.1 标签选择器 2.2 ...
css3常用方法以及css3选择器
最重要的 CSS3 模块包括: 选择器框模型背景和边框文本效果 2D/3D 转换动画多列布局用户界面 CSS3 边框 CSS3 边框通过 CSS3,您能够创建圆角边框,向矩形添加阴影,使 ...
css3边框交替动画_用css3实现惊艳面试官的背景即背景动画（高级附源码）
我们传统的前端更多的是用javascript实现各种复杂动画,自从有了Css3 transition和animation以来,前端开发在动画这一块有了更高的自由度和格局,对动画的开发也越来越容易.这篇 ...
八、pink老师的学习笔记—— CSS用户界面样式（鼠标样式、轮廓线、防止拖拽文本域）
2. CSS用户界面样式所谓的界面样式, 就是更改一些用户操作样式,以便提高更好的用户体验. 更改用户的鼠标样式 (滚动条因为兼容性非常差,我们不研究) 表单轮廓等. 防止表单域拖拽 2.1 鼠标样 ...
css设置字体颜色、文本对齐方式、首行缩进、文本装饰、列表样式、鼠标样式、禁止文本域拖拽、轮廓线、块级元素对齐方式、文字溢出设置
color:设置字体颜色: 取值方式有:1.颜色值red,green等 .2.十六进制#FF0000,#FF2313等.3.RGB代码rgb(225,225,112)或rgb(100%,55%,0%) ...
css中outline,css中outline的解析（附示例）
本篇文章给大家带来的内容是关于css中outline的解析(附示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 在css改变单选框颜色的方法实现中我们要模拟原生单选框通过Tab键 ...
css/css3总结（一）
当同一个 HTML 元素被不止一个样式定义时,会使用哪个样式呢? 一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权. 浏览器缺省设置外部样式表内部样式 ...
用CSS3实现惊艳面试官的背景及背景动画（建议收藏）
我们传统的前端更多的是用 JavaScript 实现各种复杂动画,自从有了CSS3 transition 和 animation 以来,前端开发在动画这一块有了更高的自由度和格局,对动画的开发也越来越 ...
CSS基础汇总——点击标题跳转详细博客【学习笔记】
CSS 网页的美容师理想中的结果: 结构(html)与样式(css)相分离 1.引入CSS样式表(书写位置) 行内式(内联样式) : <标签名 style="属性1:属性值1; 属性 ...

CSS3 outline轮廓线

CSS3 outline轮廓线

CSS3 outline轮廓线相关推荐

最新文章

热门文章