Please note, this is a STATIC archive of website www.tutorialspoint.com from 11 May 2019, cach3.com does not collect or store any user information, there is no "phishing" involved.
Tutorialspoint

treshermanos-layout-style

css

body {
    margin: 0;
    padding: 0;
    background-color: #efefef;
}
#megaMenu {
    background: linear-gradient(to right, red);
}

AbeyDesigns

css

<!DOCTYPE html>
<html>
<title>Web Page Design</title>
<head>
<style>
div
{
   width:100px;
   height:75px;
   background-color:red;
   border:1px solid black;
}
#div2
{
   transform:rotate(30deg);
   -ms-transform:rotate(30deg); /* IE 9 */
   -moz-transform:rotate(30deg); /* Firefox */
   -webkit-transform:rotate(30deg); /* Safari and Chrome */
   -o-transform:rotate(30deg); /* Opera */
   background-color:yellow;
}
</style>
</head>
<body>
<div>Hello, World!</div>
<div id="div2">Hello, CSS3!</div>
</body>
</html>

Online CSS Editor

css

<!DOCTYPE html>
<html>
    <head>
        <style>
        body {
            
            
            background-color:beige;
        }
        
        h1 {
            
            color:black;
            text-align: center;
        }
        
        m{
            
            font-family: comic sans ms;
            font-size: 20px;
        }
        
        </style>
        </head>
        <body>
            
            <h1>this is my first css example</h1>
            <m>hey there!</m>
            
            </body>
            </html>

style.css

css

<html>
	<head>
		<link rel = "stylesheet" type = " text/css" href = "style.css">
			<h1>NATURE </h1>
			<h6>THE PHYSICAL UNIVERSE </h6>
	</head>
<body>

<h5><b>Nature </b></h5>

<p>Nature, in the broadest sense, is the natural world, physical universe, <br>
material world or material universe. "Nature" refers to the phenomena <br>
of the physical world, and also to life in general. Manufactured objects <br>
and human interaction are, in common usage, not considered part of <br>
nature unless qualified in ways such as "human nature" or "the whole of <br>
nature". Nature is generally distinguished from the supernatural. <br>
It ranges in scale from the subatomic to the galactic.</p>

<h5><b>Earth </b></h5>

<p>Earth (or, "the earth")the fifth largest planet in the solar system, third in <br>
order of distance from the Sun. It is the largest of its planetary system's <br>
terrestrial planets and the only place in the universe known to support <br>
life.<br>
<br>
<br>
The most prominent features of the earth's climate are its two large <br>
polar regions, two relatively narrow temperate zones, and a wide <br>
equatorial tropical to subtropical region. Precipitation patterns vary <br>
widely according to location, ranging from several metres of water per <br>
year to less than a millimetre. About 70 percent of the surface is covered <br>
by salt-water oceans. The remainder consists of continents and islands, <br>
with the vast majority of the inhabited land in the Northern Hemisphere.</p>

<h5><b>Life </b></h5>

<p>Although there is no universal agreement on the definition of life, <br>
scientists generally accept that the biological manifestation of life is <br>
characterized by organization, metabolism, growth, adaptation, <br>
response to stimuli and reproduction. Life may also be said to be simply <br>
the characteristic state of organisms.</p>

See also
<p>Science:</p>
<ul>
	<li><a href="https://en.wikipedia.org/wiki/Natural_history" title="Natural history">Natural history</a></li>
	<li><a href="https://en.wikipedia.org/wiki/Natural_philosophy" title="Natural philosophy">Natural philosophy</a></li>
	<li><a href="https://en.wikipedia.org/wiki/Natural_science" title="Natural science">Natural science</a></li>
</ul>
<p>Philosophy:</p>
<ul>
	<li><a href="https://en.wikipedia.org/wiki/Nature_%28philosophy%29" title="Nature (philosophy)">Nature (philosophy)</a></li>
	<li><a href="https://en.wikipedia.org/wiki/Mother_Nature" title="Mother Nature">Mother Nature</a></li>
	<li><a href="https://en.wikipedia.org/wiki/Naturalism_%28philosophy%29" title="Naturalism (philosophy)">Naturalism (philosophy)</a></li>
</ul>
<p>Organizations:</p>
<ul>
	<li><a href="https://en.wikipedia.org/wiki/The_Nature_Conservancy" title="The Nature Conservancy">The Nature Conservancy</a></li>
	<li><a href="https://en.wikipedia.org/wiki/Nature_Detectives" title="Nature Detectives">Nature Detectives</a></li>
</ul>


&copy; Copyright 2008 Wikipedia







</p>



</body>
</html>

My creation

css

<!DOCTYPE html>
<html>
<title>Web Page Design</title>
<head>
<style>
div
{
   width:100px;
   height:75px;
   background-color:red;
   border:1px solid black;
}
#div2
{
   transform:rotate(30deg);
   -ms-transform:rotate(30deg); /* IE 9 */
   -moz-transform:rotate(30deg); /* Firefox */
   -webkit-transform:rotate(30deg); /* Safari and Chrome */
   -o-transform:rotate(30deg); /* Opera */
   background-color:yellow;
}
</style>
</head>
<body>
<div>Hello, World!</div>
<div id="div2">Hello, CSS3!</div>
</body>
</html>

kilop

css

<!DOCTYPE html>
<html>
<title>Web Page Design</title>
<head>
<style>
div
{
   width:100px;
   height:75px;
   background-color:red;
   border:1px solid black;
}
#div2
{
   transform:rotate(30deg);
   -ms-transform:rotate(30deg); /* IE 9 */
   -moz-transform:rotate(30deg); /* Firefox */
   -webkit-transform:rotate(30deg); /* Safari and Chrome */
   -o-transform:rotate(30deg); /* Opera */
   background-color:yellow;
}
</style>
</head>
<body>
<div>Hello, World!</div>
<div id="div2">Hello, CSS3!</div>
</body>
</html>

hello

css

<!DOCTYPE html>
<html>
<title>Web Page Design</title>
<head>
<style>
div
{
   width:100px;
   height:75px;
   background-color:red;
   border:1px solid black;
}
#div2
{
   transform:rotate(30deg);
   -ms-transform:rotate(30deg); /* IE 9 */
   -moz-transform:rotate(30deg); /* Firefox */
   -webkit-transform:rotate(30deg); /* Safari and Chrome */
   -o-transform:rotate(30deg); /* Opera */
   background-color:yellow;
}
</style>
</head>
<body>
<div>Hello, World!</div>
<div id="div2">Hello, CSS3!</div>
</body>
</html>

https://mohamedmarzouk.info/res/

css

<!DOCTYPE html>
<html>
<title>Web Page Design</title>
<head>
<style>
div
{
   width:100px;
   height:75px;
   background-color:red;
   border:1px solid black;
}
#div2
{
   transform:rotate(30deg);
   -ms-transform:rotate(30deg); /* IE 9 */
   -moz-transform:rotate(30deg); /* Firefox */
   -webkit-transform:rotate(30deg); /* Safari and Chrome */
   -o-transform:rotate(30deg); /* Opera */
   background-color:yellow;
}
</style>
</head>
<body>
<div>Hello, World!</div>
<div id="div2">Hello, CSS3!</div>
</body>
</html>

cnbdsh

css

<table style="width: 573px;">
	<tbody>
		<tr style="height: 44px;">
			<td style="background-color: brown; height: 41px; width: 71px;" rowspan="3">
				<p style="text-align: center;">
					<strong><span style="color: #ffffff;">Home</span></strong>
				</p>
				<p style="text-align: center;">
					<strong><span style="color: #ffffff;">Gallery</span></strong>
				</p>
				<p style="text-align: center;">
					<strong><span style="color: #ffffff;">Contact</span></strong>
				</p>
			</td>
			<td style="height: 44px; text-align: center; width: 488px;" colspan="2">
				<h2><span style="color: #a52a2a;">VIETNAMESE FOOD</span></h2>
			</td>
		</tr>
		<tr style="height: 25px;">
			<td style="background-color: lightblue; height: 115px; width: 258px;" rowspan="2">
				<h3 style="text-align: center;"><span style="color: #3366ff;">WHAT IS PHO?</span></h3>
				<p>
					<span style="color: #ffffff;"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.phocafe.co.uk/wp-content/themes/pho-restaurants/img/whatispho.png" alt="" width="209" height="215"/></span>
				</p>
				<p>
					<span style="color: #000000;">Pho&nbsp;[pronounced fuh] is the Vietnamese national dish; an aromatic, nutritious and delicious rice noodle soup served with a side plate of fresh herbs to add as you please. The addition of these herbs and table condiments is an essential part of eating phở and adds another dimension to the dish - our chilli paste for a kick, fish sauce for extra saltiness, garlic vinegar for sourness. Don&rsquo;t hold back.&nbsp;</span><br/><br/><span style="color: #000000;">Our stocks take around 12 hours to prepare &ndash; this authentic preparation being key to the stocks retaining all their goodness and developing their own distinctive tastes and aromas. Phở is brimming with lean meats and fresh ingredients - In fact, it&rsquo;s the perfect comfort food or pick-me-up! We think it&rsquo;s also the best noodle soup in the world!</span>
				</p>
			</td>
			<td style="background-color: lightyellow; height: 25px; width: 230px;">
				<div id="ja-navhelper-top">
					<h3 class="ja-breadcrums" style="text-align: center;"><span class="breadcrumbs pathway" style="color: #808000;">5 Of Saigon&rsquo;s Best Streets For Street Food</span></h3>
					<p>
						<span class="breadcrumbs pathway" style="color: #808000;"><img src="https://vietnamvisa.sg/wp-content/uploads/sites/11/saigon-street-food-1-1030x579.jpg" width="277" height="156"/></span>
					</p>
					<p style="text-align: center;">
						<span class="breadcrumbs pathway" style="color: #000000;">Van Kiep Street</span>
					</p>
					<p style="text-align: center;">
						<span class="breadcrumbs pathway" style="color: #000000;">Su Van Hanh Street</span>
					</p>
					<p style="text-align: center;">
						<span class="breadcrumbs pathway" style="color: #000000;">Vinh Khanh Street</span>
					</p>
					<p style="text-align: center;">
						<span class="breadcrumbs pathway" style="color: #000000;">Phan Van Han Street</span>
					</p>
					<p style="text-align: center;">
						<span class="breadcrumbs pathway" style="color: #000000;">Co Giang Street</span>
					</p>
					<p>
						&nbsp;
					</p>
				</div>
			</td>
		</tr>
		<tr style="height: 90px;">
			<td style="background-color: pink; height: 90px; width: 230px; text-align: center;">
				<h3><span style="color: #993366;">What to Eat in Vietnam?</span></h3>
			</td>
		</tr>
	</tbody>
</table>

hello

css

<!DOCTYPE html>
<html>
<title>Web Page Design</title>
<head>
<style>
div
{
   width:100px;
   height:75px;
   background-color:red;
   border:1px solid black;
}
#div2
{
   transform:rotate(30deg);
   -ms-transform:rotate(30deg); /* IE 9 */
   -moz-transform:rotate(30deg); /* Firefox */
   -webkit-transform:rotate(30deg); /* Safari and Chrome */
   -o-transform:rotate(30deg); /* Opera */
   background-color:yellow;
}
</style>
</head>
<body>
<div>Hello, World!</div>
<div id="div2">Hello, CSS3!</div>
</body>
</html>

Advertisements
Loading...

We use cookies to provide and improve our services. By using our site, you consent to our Cookies Policy.