program html untuk menampilkan tulisan dengan css secara inline
<html>
<head>
<title>inline css </title>
</head>
<body>
<p style ="font-size:84px;color:#F6358A;font-family:Lucida Handwriting;text-align:center">
Teknik Informatika St.Thomas Medan</p>
<span style="background-color:#98AFC7;color:red;font-size:54px;text-align:center">
Sistem Informasi St.Thomas Medan</span>
</body>
</html>
program html untuk menampilkan tulisan dengan css secara internal
<html>
<head>
<title>Embedded style sheet(internal CSS) css </title>
</head>
<style type="text/css">
body{background-color:#F778A1;}
p{font-size:77px;color:#43BFC7;font-family:Matura MT Script Capitals; text-align:center; }
p.cth1{font-size: 40px; color:#FDD017;}
span{font-family:Curlz MT;font-size:77px;text-decoration:underline;text-align:right;color:#52F3FF;}
a{font-size:50px; color:#6CC417; text-decoration:none;}
a:hover{color:#FFFC17;background-color:#C38EC7;}
a:active{background-color:white;color:#F76541;}
</style>
<body>
<p class="cth1">kamu terukir indah dihatiku</p>
<span>kamu membuatku selalu terpanah</span><br>
<a href=" ">selalu teringat senyummu</a>
</body>
</html>
Tidak ada komentar:
Posting Komentar