位置:首页 > 软件操作教程 > 编程开发 > CSS > 问题详情

CSS 外轮廓属性简写outline

提问人:刘团圆发布时间:2020-11-18

    outline简写属性在一个声明中设置所有外轮廓的属性,可以按顺序设置如下属性: 

    © outline-width;

    © outline-style;

    © outline-color;


    如果不设置其中的某个值,也不会出问题,比如outline:solid #ffOOOO也是允许的。但是这样并不会显示外轮廓,因为少了宽度。宽度为0的情况下,外轮廓是不会显现出来的。

    下面使用两种方法实现外轮廓。

    【例题】设置外轮廓属性

    代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style>

.outline1{

width: 200px;

height: 200px;

outline-width: 20px ;

outline-style:solid ;

outline-color:red ;

}

.outline2{

width: 200px;

height: 200px;

outline:solid green 20px;

}

</style>

</head>

<body>

<div></div>

<div></div>

</body>

</html>

image.png

继续查找其他问题的答案?

相关视频回答
回复(0)
返回顶部