css实现四角边框
HTML：
<div
ชั้น = "กล่อง"
v-for="(รายการ, ดัชนี) ใน coldBaseInfo.stationModelList"
:key="ดัชนี"
-
<div class="boxleft">
<img :src="ภาพถ่าย[ดัชนี]" alt="รูปภาพ" />
</div>วิว2：
รูปถ่าย: [
ต้องการ("@/assets/img/bigscreen/two.jpg"),
ต้องการ("@/assets/img/bigscreen/four.png"),
ต้องการ("@/assets/img/bigscreen/five.jpg"),
ต้องการ("@/assets/img/bigscreen/ten.jpg"),
-ซีเอสเอส：
.boxleft {
พื้นหลัง: การไล่ระดับสีเชิงเส้น (ไปทางซ้าย #04C886, #04C886) ด้านซ้ายบน ไม่ทำซ้ำ
การไล่ระดับสีเชิงเส้น (ไปด้านล่าง #04C886, #04C886) ด้านบนซ้าย ไม่ทำซ้ำ
การไล่ระดับสีเชิงเส้น (ไปทางซ้าย #04C886, #04C886) บนขวา ไม่ทำซ้ำ
การไล่ระดับสีเชิงเส้น (ไปด้านล่าง #04C886, #04C886) ด้านบนขวา ไม่ทำซ้ำ
การไล่ระดับสีเชิงเส้น (ไปทางซ้าย #04C886, #04C886) ด้านล่างซ้าย ไม่ทำซ้ำ
การไล่ระดับสีเชิงเส้น (ไปด้านล่าง #04C886, #04C886) ด้านล่างซ้าย ไม่ทำซ้ำ
การไล่ระดับสีเชิงเส้น (ไปทางซ้าย #04C886, #04C886) ด้านล่างขวา ไม่ทำซ้ำ
การไล่ระดับสีเชิงเส้น (ไปทางซ้าย #04C886, #04C886) ด้านล่างขวา ไม่ทำซ้ำ
ขนาดพื้นหลัง: 2px 10px, 10px 2px, 2px 10px, 10px 2px;
img {
ความกว้าง: 100%;
ความสูง: 100%;
ช่องว่างภายใน: 4px;
เส้นขอบ: 2px ทึบ #7fb1c580;
-
-到此这篇关于css实现四角边框效果的文章就介绍到这了,更多相关css四角边框内容请搜索downco des.com以前的文章或继续浏览下的相关文章，希望大家以后多多支持downcodes.com！