My Final Web Portfolio

Activity 8: CSS Outline

Outline creates a line outside the border of an element.

<style>
.outline-box {
    background: #fef3c7;
    border: 2px solid #f59e0b;
    outline: 4px dashed #dc2626;
    padding: 20px;
    margin: 20px;
}
</style>

<div class="outline-box">
    This box has a dashed red outline outside its border.
</div>