Class in CSS
Class is denoted by . (dot)
1 Open Notepad and write this code
<HTML>
<HEAD>
<STYLE>
IMG.a{BORDER-STYLE:INSET;BORDER-COLOR:BLUE;BORDER-RADIUS:1PX;OUTLINE-COLOR:BLUE;BORDER-WIDTH:20PX;}
IMG.b{BORDER-STYLE:INSET;BORDER-COLOR:BLUE;BORDER-RADIUS:5PX ;OUTLINE-COLOR:BLUE;BORDER-WIDTH:20PX;HEIGHT:200PX;WIDTH:200PX;}
IMG.c{BORDER-STYLE:INSET;BORDER-COLOR:BLUE;BORDER-RADIUS:50PX ;OUTLINE-COLOR:BLUE;BORDER-WIDTH:20PX;HEIGHT:250PX;WIDTH:200PX;}
</STYLE>
</HEAD>
<BODY>
<IMG CLASS=a SRC="SUN.PNG">
<IMG CLASS=b SRC="TULIPS.JPG">
<IMG CLASS=c SRC="nn.JPG">
</BODY>
</HTML>
2 Output:
Class is denoted by . (dot)
1 Open Notepad and write this code
<HTML>
<HEAD>
<STYLE>
IMG.a{BORDER-STYLE:INSET;BORDER-COLOR:BLUE;BORDER-RADIUS:1PX;OUTLINE-COLOR:BLUE;BORDER-WIDTH:20PX;}
IMG.b{BORDER-STYLE:INSET;BORDER-COLOR:BLUE;BORDER-RADIUS:5PX ;OUTLINE-COLOR:BLUE;BORDER-WIDTH:20PX;HEIGHT:200PX;WIDTH:200PX;}
IMG.c{BORDER-STYLE:INSET;BORDER-COLOR:BLUE;BORDER-RADIUS:50PX ;OUTLINE-COLOR:BLUE;BORDER-WIDTH:20PX;HEIGHT:250PX;WIDTH:200PX;}
</STYLE>
</HEAD>
<BODY>
<IMG CLASS=a SRC="SUN.PNG">
<IMG CLASS=b SRC="TULIPS.JPG">
<IMG CLASS=c SRC="nn.JPG">
</BODY>
</HTML>
2 Output:
