首页 > 软件操作教程 > 编程开发 > CSS
题目内容

CSS 进框属性简写border

题目答案

    border简写属性在一个声明中设置所有的边框属性,可以按顺序设置如下属性:

    •border-width;

    •border-style;

    •border一color0

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

    下面使用两种方法实现边框。

    【例题】设置边框属性

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style>

.border1{

width: 200px;

height: 200px;

border-width: 20px 10px 15px 5px;

border-style:solid dashed dotted;

border-color:red #00ff00 rgb(0,0,255);

}

.border2{

width: 200px;

height: 200px;

border:solid green 20px;

}

</style>

</head>

<body>

<div></div>

<div></div>

</body>

</html>

image.png

网友评论(共0条评论)

请自觉遵守互联网相关政策法规,评论内容只代表网友观点!

最新评论

点击加载更多评论>>

软件操作 新人注册送三重礼

已有 22658 名学员学习以下课程通过考试

相关视频试题

最需教育客户端 软件问题一手掌握

去 App Store 免费下载 iOS 客户端