Core Code
Core Code Modern Dev Handbook

CSS Rule Block Example

A CSS rule block contains a selector followed by curly braces with properties inside.

Preview

Code

<style>
.box{
background:#e0f2fe;
padding:16px;
border-radius:6px;
}
</style>

<div class="box">This element is styled using a CSS rule block.</div>

More CSS Syntax Examples (5)

example Basic CSS Rule open example example Selector Property Value open example example Multiple Properties open example example Multiple Selectors open example example CSS Comment Example open example