First Step Write Code in a HTML page
<html>
<head>
<title> CSS Turorial by Akhter
Merchandiser</title>
<link rel="stylesheet"
type="text/css" href="Style.css">
<style type="text/css">
</style>
</head>
<body>
<div class= "div1">
<font class= "text1"> I love bangladesh
</font><br>
<font class= "text1"> I love bangladesh
</font><br>
<font class= "text1"> I love bangladesh
</font><br>
<font class= "text1"> I love bangladesh
</font><br>
<font id= "text1"> I love bangladesh
</font><br>
</div>
<br>
<br>
<div class="flag">
<div
class="circle"></div>
</div>
<input type="text" name ""
value="" class="textbox"><br>
<input type="text" name ""
value="" class="textbox"><br>
<input type="text" name ""
value="" class="textbox"><br>
<input tpe="button" class="button"
value="KANAK">
</body>
</html>
Second Step: Write code in External CSS Format
.div1 {
width:200px;
height:150px;
background-color:green;
margin:auto;
border:4px solid red;
margin-top:25px;
padding:25px;
}
.textbox, .button{
width:250px;
height:px;
margin:5px;
background-color:red;
border:2px
solid blue;
font-size:12px;
font-family:arial;
color:#c00;
background-color:#fc6;
background-top-color:#f30;
border-left-color:#093;
margin-left:360px;
}
.text1 {
color:
red;
font-size:25px;
font-family:arial;
text-align:center;
}
#text1{
color:yellow;
font-size:25px;
}
.flag{
width:200px;
height:140px;
background-color:green;
margin:auto;
padding-top:30px;
}
.circle{
width:100px;
height:100px;
margin:auto;
background-color:red;
border-radius:50px;
}
Output of above code :
0 Komentar untuk "How to Make a Flag, Textbox with CSS?"