Making Border Style

There are several types of border styles, such as:

Example 1.

<div style="border: 3px solid rgb(51, 51, 153); padding: 10px; overflow: auto; width: 95%; height: 30px;"></div>

Result:

Example 2.

<div style="border: 3px dotted rgb(51, 51, 153); padding: 10px; overflow: auto; width: 95%; height: 30px;"></div>

Result:

Example 3.

<div style="border: 3px ridge rgb(51, 51, 153); padding: 10px; overflow: auto; width: 95%; height: 30px;"></div>

Result:

Example 4.

<div style="border: 3px dashed rgb(51, 51, 153); padding: 10px; overflow: auto; width: 95%; height: 30px;"></div>

Result:

Example 5.

<div style="border: 3px double rgb(51, 51, 153); padding: 10px; overflow: auto; width: 95%; height: 30px;"></div>

Result:

Example 6.

<div style="border: 3px groove rgb(51, 51, 153); padding: 10px; overflow: auto; width: 95%; height: 30px;"></div>

Result:

Example 7.

<div style="border: 3px inset rgb(51, 51, 153); padding: 10px; overflow: auto; width: 95%; height: 30px;"></div>

Result:

Example 8.

<div style="border: 3px outset rgb(51, 51, 153); padding: 10px; overflow: auto; width: 95%; height: 30px;"></div>

Result:

Related Posts