Al-Sughari

Kod do pliku html:

<!DOCTYPE html>
<html>
	<head>
		<title>Al-Sughari</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		
		
		<style>
			body
			{
				margin: 0px;
				border: 0px;
				padding: 0px;
			}
			
			p#zero_Al-Sughari
			{
				margin: 0px;
				border: 0px;
				padding: 0px;
				background-color: #f3a5e9;
				background-image: url(../img/logo_male_Al-Sughari.png);
				background-repeat: repeat-x;
				font-family: Verdana;
				font-size: 30px;
				color: red;
				text-align: center;
				background-position: center;
			}
			
			p#jeden_Al-Sughari
			{
				margin: 0px;
				border: 0px;
				padding: 0px;
				background-color: #eebc71;
				background-image:url(../img/logo_duze_Al-Sughari.png);
				background-repeat: no-repeat;
				font-family: Verdana;
				font-size: 50px;
				color: ##0000FF;
				background-position: right;
				background-size: 120px;
				height: 120px;
			}
			
			p#dwa_Al-Sughari
			{
				margin: 0px;
				border: 0px;
				padding: 0px;
				background-color: #d4f881;
				background-image:url(../img/logo_male_Al-Sughari.png);
				background-repeat:repeat-x;
				font-family: Verdana;
				font-size: 40px;
				color: #C0C0C0;
				background-repeat: no-repeat;
			}
		</style>
	</head>
	<body>
		<p id="zero_Al-Sughari">obraz powtarzany w kierunku poziomym obraz powtarzany w kierunku poziomym obraz powtarzany w kierunku poziomym</p>
		<p id="jeden_Al-Sughari">obraz w górnym prawym rogu</p>
		<p id="dwa_Al-Sughari">obraz w dolnym lewym rogu obraz w dolnym lewym rogu obraz w dolnym lewym rogu obraz w dolnym lewym rogu obraz w dolnym lewym rogu obraz w dolnym lewym rogu</p>
	</body>
</html>

Darmowy hosting zapewnia PRV.PL