style readable圖列移除底色

This commit is contained in:
2026-05-17 22:17:24 +08:00
parent 60d895dc1f
commit a9002d6cbc
-10
View File
@@ -82,70 +82,60 @@
.container11 { .container11 {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: lightpink;
} }
.container21 { .container21 {
float: right; float: right;
width: 50%; width: 50%;
height: 100%; height: 100%;
background-color: lightblue;
} }
.container22 { .container22 {
float: left; float: left;
width: 50%; width: 50%;
height: 100%; height: 100%;
background-color: lightyellow;
} }
.container31 { .container31 {
float: left; float: left;
width: 33%; width: 33%;
height: 100%; height: 100%;
background-color: darkblue;
} }
.container32 { .container32 {
float: left; float: left;
width: 33%; width: 33%;
height: 100%; height: 100%;
background-color: darkgreen;
} }
.container33 { .container33 {
float: right; float: right;
width: 33%; width: 33%;
height: 100%; height: 100%;
background-color: darkmagenta;
} }
.container41 { .container41 {
float: left; float: left;
width: 25%; width: 25%;
height: 100%; height: 100%;
background-color: lightblue;
} }
.container42 { .container42 {
float: left; float: left;
width: 25%; width: 25%;
height: 100%; height: 100%;
background-color: lightgreen;
} }
.container43 { .container43 {
float: right; float: right;
width: 25%; width: 25%;
height: 100%; height: 100%;
background-color: lightpink;
} }
.container44 { .container44 {
float: right; float: right;
width: 25%; width: 25%;
height: 100%; height: 100%;
background-color: lightyellow;
} }
/* 圖在欄寬內鋪滿,高度由瀏覽器依 intrinsic ratio 計算(須配合上方 :has(img) 拿掉固定列高) */ /* 圖在欄寬內鋪滿,高度由瀏覽器依 intrinsic ratio 計算(須配合上方 :has(img) 拿掉固定列高) */