8,960
edits
No edit summary |
No edit summary |
||
| Line 6: | Line 6: | ||
overflow: hidden; | overflow: hidden; | ||
display: inline-block; | display: inline-block; | ||
border: 2px solid red; /* Внешняя | border: 2px solid red; /* Внешняя граница */ | ||
box-sizing: border-box; | |||
padding: 20px; /* Пространство между внешней и внутренней границами */ | |||
} | } | ||
.round-table .inner-ring { | .round-table .inner-ring { | ||
position: absolute; | position: absolute; | ||
top: | top: 20px; /* Зависит от padding */ | ||
left: | left: 20px; /* Зависит от padding */ | ||
width: | width: calc(100% - 40px); | ||
height: | height: calc(100% - 40px); | ||
border-radius: 50%; | border-radius: 50%; | ||
background-color: white; /* Цвет | border: 2px solid red; /* Внутренняя граница */ | ||
background-color: white; /* Цвет пустоты внутри */ | |||
z-index: 1; | z-index: 1; | ||
} | } | ||
| Line 33: | Line 36: | ||
vertical-align: middle; | vertical-align: middle; | ||
padding: 10px; | padding: 10px; | ||
border: 1px solid red; /* | border: 1px solid red; /* Границы ячеек */ | ||
background-clip: padding-box; | |||
} | } | ||
| Line 41: | Line 45: | ||
.round-table td.bg3 { background-color: #00BFFF; } /* Голубой */ | .round-table td.bg3 { background-color: #00BFFF; } /* Голубой */ | ||
.round-table td.bg4 { background-color: #FF69B4; } /* Розовый */ | .round-table td.bg4 { background-color: #FF69B4; } /* Розовый */ | ||