CodePen Embed - CSS18 ➂CSS border 上だけ

<div class="border3">上下違うデザインの線</div>

.border3{
    border-top: 2px dashed #333;
    border-right:5px double red;
    border-bottom:5px solid green;
    border-left:5px dotted blue;
    padding: 10px;
    background: #f2f2f2;
}

This Pen is owned by kmb686 on CodePen.

See more by @kmb686 on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.