发新贴  快速回复

请各位指教

WE10
2019-02-15 22:09
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
#box{
height: 769px;
width: 619px;
border-top: 3px solid #f19552;
border-left: 3px solid #e15671;
border-right: 3px solid #e15671;
border-bottom: 3px solid #e15671;
}
#div1{
height: 151px;
border-bottom: 2px solid #8c1f34;
}
#div2{
height: 149px;
border-bottom: 2px solid #8c1f34;
}
#div3{
height: 244px;
border-bottom: 2px solid #8c1f34;
}
</style>
</head>
<body>
<div id="box">
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
</div>
</body>
</html>

本帖内容针对以下视频发布:

5-边框(border)练习
 
Reci

好像给出的案例图片不长这个样子啊

border-top: 3px solid #f19552;
border-left: 3px solid #e15671;
border-right: 3px solid #e15671;
border-bottom: 3px solid #e15671;
 
 
 
这个部分如果换成下面的写法更好点
border: 3px solid #e15671;
border-top-color:#f19552;
这里可以看到 除了border-top的颜色不一样,别的都一样

2019-02-25 15:14  回复本帖
登录 后才可以发表回复