Jump to: navigation, search

HTML Line Top

From w3cyberlearnings

Contents

HTML - LINE TOP

This tutorial creates the horizontal line at the top of the box by using CSS.

HTML - Syntax LINE TOP

<style>
	#testtt {
		border-top: thick double #00F;
		width:400px;
		height:400px;
		background-color: burlywood;
	}
</style>


Example 1 TRY-IT

<!DOCTYPE html>
<html>
	<head>
		<title>top</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<style>
			#testtt {
				border-top: thick double #00F;
				width:400px;
				height:400px;
				background-color: burlywood;
			}
		</style>
	</head>
	<body>
                <div id="testtt">
			Horizontal line at the top
		</div>
	</body>
</html>

Related Links


HTML LINES
  1. HTML - LINE TOP
  2. HTML - LINE Bottom
  3. HTML - LINE Left
  4. HTML - LINE Right
Navigation
Web
SQL
MISC
References