text decoration in css
The text-decoration property is used to set or remove decorations from text. The text-decoration property is mostly used to remove underlines from links for design purposes: Following is the example which demonstrates how to decorate a text. Possible values are none, underline, overline, line-through, blink.
<p style="text-decoration:underline;">
This is underlined text
</p>
<p style="text-decoration:line-through;">
This is striked through text.
</p>
<p style="text-decoration:overline;">
This is over line text.
</p>
<p style="text-decoration:blink;">
This is have blinking effect text
</p>
Example:
<HTML>
<HEAD>
<STYLE>
BODY {BACKGROUNDCOLOR: MAROON;}
BODY {COLOR: WHITE ;}
P{FONT-SIZE:40PX;}
</STYLE>
<TITLE>CSS EXAMPLE-TEXTDECORATION</TITLE>
</HEAD>
<BODY>
WELCOME TO MY FIRST WEB
PAGE </BR>
</BR>
WE ARE THE STUDENT OF
</BODY>
</HTML>
Example:
Using class
<HTML>
<HEAD>
<STYLE>
BODY {BACKGROUNDCOLOR: MAROON ;}
BODY {COLOR: WHITE ;}
P{FONT-SIZE:40PX;}
p.first{COLOR: BLUE; TEXTDECORATION:UNDERLINE;}
p.second{COLOR: GREEN;
TEXT-DECORATION:LINETHROUGH;}
p.third{COLOR: OLIVE; TEXTDECORATION:OVERLINE;}
</STYLE>
<TITLE>
CSS EXAMPLE-TEXTDECORATION USING CLASS
</HEAD>
<BODY>
</BODY>
</HTML>
0 মন্তব্য(গুলি):
একটি মন্তব্য পোস্ট করুন
Comment below if you have any questions