Style Gallery
This gallery shows each CSS property applied to a live element so you can see exactly how it looks.
CSS Margin
Adds space outside the element boundary.
margin: 20px (space around this box)
CSS Padding Left
Adds space inside the left edge of the element.
← padding-left: 50px
CSS Outline
Draws a line outside the border, without affecting layout.
outline: 3px dashed red
CSS Table Styling
Applies colors, borders, and alternating row backgrounds.
| Name | Course |
|---|---|
| Mark | BSIT |
| Herald | BSIT |
CSS Dimensions
Controls the exact width and height of an element.
160px × 70px
Responsive Design
Uses @media queries so the layout stacks on mobile screens.
@media (max-width: 700px) {
flex-direction: column;
}
flex-direction: column;
}