Sunday, 15 April 2018

Class Selector


  • Class Selector is use one or more element.
  • Here, we are see a multiple text in different form.
Syntax:-
.para{
color:white;
background color:blue;
}
.services{
color:white;
background:black;
width:140px;
height:30px;
margin:10px;
}


Example:-
<!Doctype html>
<html>
<head>
<title>CastorClasses.com</title>
<style type=”text/css>
.para{
color:white;
background color:blue;
}
</style>
</head>
<body>
<p class=”para”>This is paragraph1</p>
<p class=”para”>This is paragraph2</p>
<p>This is paragraph3</p>
</body>
</html>

Example2:-
<!Doctype html>
<html>
<head>
<title>CastorClasses.com</title>
<style type=”text/css>
.services{
color:white;
background color:black;
width:140;
height:30px;
margin:10px;
</style>
</head>
<body>
<div class=”services”>
Hardware
</div>
<div class=”services”>
Software
</div>
<div class=”services”>
Networking
</div>
</body>
</html>

0 Comments:

Post a Comment

Popular Posts

Categories

Android (21) AngularJS (1) Books (3) C (75) C++ (81) Data Strucures (4) Engineering (13) FPL (17) HTML&CSS (38) IS (25) Java (85) PHP (20) Python (83) R (68) Selenium Webdriver (2) Software (13) SQL (27)