CSS 轮廓样式属性值表,及示例

轮廓样式属性值

CSS的轮廓样式可以通过outline-style或outline属性中的第二个值来设置,比如outline:1px solid skyblue中的solid便是轮廓样式的实线样式值。除此之外,CSS的轮廓样式属性还有其它的多个值,如下表:

边框样式值描述实例
solid实线轮廓
实线
dashed虚线轮廓
虚线
dotted点状轮廓
点状
double双线轮廓
双线
groove3D凹槽轮廓
3D凹槽
ridge3D凸槽轮廓
3D凸槽
inset3D凹边轮廓
3D凹边
outset3D凸边轮廓
3D凸边
none无轮廓
无轮廓
hidden隐藏轮廓
隐藏轮廓

轮廓样式实例代码,及在线编辑器

<div class='ol1'></div>
<style>
  .ol1{width:100%;height:30%;outline:5px double skyblue;}
</style>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.