| <!DOCTYPE html> |
| <style> |
| |
| div { |
| display: inline-block; |
| width: 200px; |
| height: 140px; |
| border-radius: 70px; |
| background-color: yellow; |
| outline: 20px green; |
| margin: 20px; |
| } |
| |
| </style> |
| |
| <div style="outline-style: solid;"></div> |
| <div style="outline-style: dashed;"></div> |
| <div style="outline-style: dotted;"></div> |
| <div style="outline-style: double;"></div> |
| <div style="outline-style: inset;"></div> |
| <div style="outline-style: outset;"></div> |
| <div style="outline-style: groove;"></div> |
| <div style="outline-style: ridge;"></div> |