css border
/*Chill border for everyday usage */
border: dashed 2px rgb(168, 219, 231);
border-radius: 10px;css border
/*Chill border for everyday usage */
border: dashed 2px rgb(168, 219, 231);
border-radius: 10px;css border
p{
border: 1px solid #f00;
/* Set Border For Only Specific Side */
border-left: 1px solid #00f;
border-right: 1px solid #00f;
border-top: 1px solid #00f;
border-bottom: 1px solid #00f;
/* Another Rules Can Be Applied*/
border-top-style: solid dashed dotted;
border-top-width: 2px;
border-top-color: #00f;
/* Apply Also For Right, Bottom And Left*/
}
/*
Border ShortHand
border: border-width border-style border-color
*/css border
<html>
<head>
</head>
<body>
<p style = "border-width:4px; border-style:none;">
This is a border with none width.
</p>
<p style = "border-width:4px; border-style:solid;">
This is a solid border.
</p>
<p style = "border-width:4px; border-style:dashed;">
This is a dashed border.
</p>
<p style = "border-width:4px; border-style:double;">
This is a double border.
</p>
<p style = "border-width:4px; border-style:groove;">
This is a groove border.
</p>
<p style = "border-width:4px; border-style:ridge">
This is a ridge border.
</p>
<p style = "border-width:4px; border-style:inset;">
This is a inset border.
</p>
<p style = "border-width:4px; border-style:outset;">
This is a outset border.
</p>
<p style = "border-width:4px; border-style:hidden;">
This is a hidden border.
</p>
<p style = "border-width:4px;
border-top-style:solid;
border-bottom-style:dashed;
border-left-style:groove;
border-right-style:double;">
This is a a border with four different styles.
</p>
</body>
</html>CSS Border
h1 {border-top: 5px solid red;}
h2 {border-top: 4px dotted blue;}
div {border-top: double;}Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
