uj5u.com熱心網友回復：
這不是最基礎的嗎uj5u.com熱心網友回復：
剛學，好多東西不太懂。
uj5u.com熱心網友回復：
background: linear-gradient(to left, #ebeef5, #ebeef5) left bottom no-repeat,linear-gradient(to bottom, #ebeef5, #ebeef5) left bottom no-repeat,
linear-gradient(to left, #ebeef5, #ebeef5) right bottom no-repeat,
linear-gradient(to left, #ebeef5, #ebeef5) right bottom no-repeat;
background-size: 20.5% 1px;
邊框背景，其他的自己想吧
uj5u.com熱心網友回復：
你這我看不懂，大一剛學復雜的代碼看不懂。
uj5u.com熱心網友回復：
就是兩個盒子的margin和padding和border樣式uj5u.com熱心網友回復：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
.box1 {
width: 30%;
height: 50%;
margin: 0 auto;
margin-top: 10%;
box-sizing: border-box;
border: 10px solid;
border-color: #000 #e0921e #e0921e #000;
}
.box2 {
width: 100%;
height: 100%;
box-sizing: border-box;
border: 10px solid;
border-color: #e0921e #000 #000 #e0921e;
}
img {
width: 100%;
height: 100%;
display: block;
}
</style>
<body>
<div class="box1">
<div class="box2">
<img src="https://img.uj5u.com/2021/04/28/174266280220512.jpg" alt="">
</div>
</div>
</body>
</html>
沒那么復雜
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/280804.html
標籤：HTML5