<!DOCTYPE html> <html> <head> <title>CSS Outlines</title> </head> <body> <style type="text/css"> .outline{ background-color:#FC0; outline: 2px solid red; border: 3px solid #690; padding: 10px; margin:20px 0px 0px;} .outline_color{ outline:2px solid #690; padding:10px; margin:20px 0px 0px;} .outline_dotted {outline-style: dotted; border:1px solid #000; outline-color:#F60; padding:5px; margin:20px 0px 0px;} .outline_dashed {outline-style: dashed; border:1px solid #000; outline-color:#F60; padding:5px; margin:20px 0px 0px;} .outline_solid {outline-style: solid; border:1px solid #000; outline-color:#F60; padding:5px; margin:20px 0px 0px;} .outline_double {outline-style: double; border:1px solid #000; outline-color:#F60; padding:5px; margin:20px 0px 0px;} .outline_groove {outline-style: groove; border:1px solid #000; outline-color:#F60; padding:5px; margin:20px 0px 0px;} .outline_ridge {outline-style: ridge; border:1px solid #000; outline-color:#F60; padding:5px; margin:20px 0px 0px;} .outline_inset {outline-style: inset; border:1px solid #000; outline-color:#F60; padding:5px; margin:20px 0px 0px;} .outline_outset {outline-style: outset; border:1px solid #000; outline-color:#F60; padding:5px; margin:20px 0px 0px;} </style> <h3 style="color:#0099da;">Outline</h3> <div class="outline">This is CSS Ouline sample text.</div> <h3 style="color:#0099da;">Outline-Color</h3> <div class="outline_color">This is CSS Ouline Color sample text.</div> <h3 style="color:#0099da;">Outline-Styles</h3> <div class="outline_dotted">This is CSS Ouline Dotted Style sample text.</div> <div class="outline_dashed">This is CSS Ouline Dashed Style sample text.</div> <div class="outline_solid">This is CSS Ouline Solid Style sample text.</div> <div class="outline_double">This is CSS Ouline Double Style sample text.</div> <div class="outline_groove">This is CSS Ouline Groove Style sample text.</div> <div class="outline_ridge">This is CSS Ouline Ridge Style sample text.</div> <div class="outline_inset">This is CSS Ouline Inset Style sample text.</div> <div class="outline_outset">This is CSS Ouline Outset Style sample text.</div> </body> </html>
Output :
Topic :
Outlines
