CSS - Border in CSS
Hope this post finds you well. In this video,I explained the Border in CSS. Feel free to comment. For more, please subscribe and press the BELL icon. Please visit my CSS Playlist. Please link, comment, share and subscribe. The code is as follows -
HTML File -
<html>
<head>
<title> CSS Border </title>
<link rel="stylesheet" href="border.css">
</head>
<body>
<p> This is paragraph </p>
<h1> This is my first heading </h1>
<h3> I am using h3 tag </h3>
<h2> I am using h2 tag </h2>
<h4> I am using h4 tag </h4>
<h5> I am using h5 tag </h5>
<h6> I am using h6 tag </h6>
</body>
</html>
CSS File -
p {
border: 5px solid green;
}
h1 {
border: 12px dotted red;
}
h3 {
border: 7px dashed green;
}
h2 {
border: 9px double blue;
}
h4 {
border: 15px groove red;
}
h5 {
border: 20px none red;
}
h6 {
border: 10px hidden yellow;
}
HTML File -
<html>
<head>
<title> CSS Border </title>
<link rel="stylesheet" href="border.css">
</head>
<body>
<p> This is paragraph </p>
<h1> This is my first heading </h1>
<h3> I am using h3 tag </h3>
<h2> I am using h2 tag </h2>
<h4> I am using h4 tag </h4>
<h5> I am using h5 tag </h5>
<h6> I am using h6 tag </h6>
</body>
</html>
CSS File -
p {
border: 5px solid green;
}
h1 {
border: 12px dotted red;
}
h3 {
border: 7px dashed green;
}
h2 {
border: 9px double blue;
}
h4 {
border: 15px groove red;
}
h5 {
border: 20px none red;
}
h6 {
border: 10px hidden yellow;
}
Comments
Post a Comment