Pertemuan ke tujuh

MENCOBA CSS

Latihan 1

<html>
<head>
<title>mencoba css</title>
<!–eksternal css–>
<link rel=”stylesheet” type=”text/css” href=”style.css”>

<!–internal css–>
<style>
h2{
color:blue;
}
</style>
</head>
<body>
<!–inline css–>
<h1 style=”color:red”>INLINE</h1>

<!–internal css–>
<h2>INTERNAL CSS<h2>

<!–internal css–>
<h3>INTERNAL CSS<h3>

</body>
</html>

Latihan 2

<html>
<head>
<title>mencoba css</title>
<style>
raul {
color:blue;
}
.raul {
color:blue;
}
#raul {
color:red;
}
</style>
<head>
<body>
<raul>oyi</raul>
<h1>oyi1</h1>
<h1 id=”raul2″>oyi2</h1>
</body>
</html>

STYLE CSS

h3{
color:green;
}

Latihan3

<html>
<head>
<title>mencoba css</title>
<style>
body  {
margin-top:100px;
margin-left:100px;
margin-right:100px;
margin-bottom:100px;
margin:50%;
padding:100px;
}
</style>
</head>
<body>

oyi

</body>
</html>

<html>
<head>
<title>mencoba css</title>
<style>
body {
background-image:#5d5810;
background-repeat:no-repeat;
background-position:center center;
}
</style>
</head>
</html>

<html>
<head>
<title>mencoba css</title>
<style>
body {
/*formating text*/
color:indigo;
text-align:right;
text-decoration:underline;
text-decoration:overline;
text-trancform:uppercase;
text-trancform:lowercase;

/*formating font*/
font-family:arial;
font-size:40;
font-syle:italic;
font-weight:800;
}
</style>
</head>
<body>

<html>
<head>
<title>mencoba css</title>
<style>
TH {
color :#FFFFFF;
background-color:#336699;
border-style: 1px;
border-style: solid;
border-color:red;
font-size:9pt;
}
TD {
color : red;
background-color : #E6E6FA:
border-width: 1px;
border-style:solid;
border-color :blue;
font-size: 9pt;
}
</style>
</head>
<body>

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s