您现在的位置是：网站首页> 编程资料编程资料

CSS轮廓outline的具体使用使用CSS实现outline切换的动画效果利用CSS3实现圆角的outline效果的教程css去掉点击连接时所产生的虚线边框技巧兼容符合w3c标准的浏览器CSS教程:text-indent隐藏文字出现虚线框outline-CSS教程-网页制作-网页

2023-10-20 277人已围观

简介轮廓是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用，这篇文章主要介绍了CSS轮廓outline的具体使用的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

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

轮廓（outline）属性指定元素轮廓的样式、颜色和宽度。

 border:1px solid red; outline-style:dotted; outline-color:#00ff00;

点线轮廓

虚线轮廓

实线轮廓

双线轮廓

凹槽轮廓

垄状轮廓

嵌入轮廓

外凸轮廓

注意: 如果只有一个 !DOCTYPE 指定 IE 8 支持 outline 属性。

 p.one { border:1px solid red; outline-style:solid; outline-width:thin; } p.two { border:1px solid red; outline-style:dotted; outline-width:3px; }   This is some text in a paragraph.
This is some text in a paragraph.

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

上一篇：使用css禁用input、checkbox、select等html控件实现disable效果9款样式迷人的CSS3自定义Checkbox复选框特效源码一款纯css3实现简单的checkbox复选框和radio单选框外观时尚的纯CSS3美化Checkbox和Radiobox按钮源码纯css3实现效果超级炫的checkbox复选框和radio单选框CSS3实例分享--超炫checkbox复选框和radio单选框

下一篇：css样式改变及实际用法详解 CSS 样式书写规范(推荐)在线css sprite/css精灵/雪碧图css样式生成工具CSS使用classList实现两个按钮样式的切换使用CSS样式写选择框右侧小三角css判断某元素的子元素个数并分别设置样式的方法jQuery ui+css3制作圆形音乐播放器样式特效源码

您现在的位置是：网站首页> 编程资料编程资料

CSS轮廓outline的具体使用使用CSS实现outline切换的动画效果利用CSS3实现圆角的outline效果的教程css去掉点击连接时所产生的虚线边框技巧兼容符合w3c标准的浏览器CSS教程:text-indent隐藏文字出现虚线框outline-CSS教程-网页制作-网页

相关内容

点击排行

本栏推荐

猜你喜欢