W3.CSS Bar
Note : w3-topbar, w3-bottombar, w3-leftbar, and w3-rightbar classes are used to add thick borders to an element.
w3-bottombar : Using this class to add a thick bottom border to an element.
w3-leftbar : Using this class to add a thick left border to an element.
w3-rightbar : Using this class to add a thick right border to an element.
w3-topbar : Using this class to add a thick top border to an element.
<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<link rel="stylesheet" href="w3.css">
<body>
<div>
<h2>Without W3.CSS a Container</h2>
<p>W3. CSS Containers is predefine class use just like a external CSS.</p>
<p>The W3-Container class adds a 16px left and right padding to any HTML element.</p>
</div>
<div class="w3-container">
<h2>With W3.CSS a Container</h2>
<p>W3. CSS Containers is predefine class use just like a external CSS.</p>
<p>The W3-Container class adds a 16px left and right padding to any HTML element.</p>
</div>
</body>
</html>
Different Thick Border with Bars are present
I am paragraph my property is thick left border.
I am paragraph my property is thick blue left border and a pale-blue background color.
I am paragraph my property is thick yellow right border.
I am paragraph my property is thick red left border.
I am paragraph my property is thick blue right border.
I am paragraph my property is thick red left border.
I am paragraph my property is thick blue left border.
I am paragraph my property is thick right border.
I am paragraph my property is thick red top and bottom border and a pale-red background color.
I am paragraph my property is thick green left border.
I am paragraph my property is thick green left border.
I am paragraph my property is thick yellow all border.
Read More
Read More
Read More
Read More
Read More
Read More
Read More
Read More
Read More
Read More