How to outline text in CSS (with Coding Show)

Today, I will show you how to create CSS Outline in HTML web page. Its very simple just code and create CSS Outline in HTML web page. So friends follow these tags and code in you an HTML and see the result.

See these code and tags and create CSS Outline in HTML the web page.

 

<style>    p {        border: 1px solid black;        outline-color:red;    }    p.dotted {outline-style: dotted;}    p.dashed {outline-style: dashed;}    p.solid {outline-style: solid;}    p.double {outline-style: double;}    p.groove {outline-style: groove;}    p.ridge {outline-style: ridge;}    p.inset {outline-style: inset;}    p.outset {outline-style: outset;}    </style>    </head>    <body>         <H2>wikiwon is best website in internet</H2>         <p class="dotted">A wikiwon</p>    <p class="dashed"> A wikiwon </p>    <p class="solid"> A wikiwon </p>    <p class="double"> A wikiwon </p>    <p class="groove"> A wikiwon </p>    <p class="ridge"> A wikiwon </p>    <p class="inset"> A wikiwon </p>    <p class="outset"> A wikiwon </p>    <b>Note:</b>  

See result friends! what’s in web page see.

Friends

see!

see result see what’s in

web

page. I hope you understand how to code and

 

You May Also Like

About the Author: mujeer

WikiWon.com is a blog which aims to provide quality guidance to Bloggers, Webmasters, and Web Developers. It covers Free Web Development Resources, WordPress Tutorials, WordPress Plugins, WordPress How-to Guides, WordPress Page Speed Optimization, WordPress SEO, Android Tutorials, Android Applications and Much More. Within 6 months is about to hit 8000+ subscribers and still counting.

Leave a Reply

Your email address will not be published. Required fields are marked *

Optimization WordPress Plugins & Solutions by W3 EDGE