Teks kutipan adalah teks yang
diambil atau dikutip dari sumber tertentu. Berikut bagaimana CSS membuatnya:
Kode HTML
<html>
<head>
<style type="text/css">
<head>
<style type="text/css">
blockquote {
margin: 0;
padding: 0;
color: #555;
}
margin: 0;
padding: 0;
color: #555;
}
blockquote p {
font: italic 1em Georgia, Times, "Times New Roman", serif;
font-size: 1em;
margin: 1.5em 2em 0 1.5em;
padding: 0;
border-top: 0.5em solid #999;
border-bottom: 0.5em solid #999;
}
font: italic 1em Georgia, Times, "Times New Roman", serif;
font-size: 1em;
margin: 1.5em 2em 0 1.5em;
padding: 0;
border-top: 0.5em solid #999;
border-bottom: 0.5em solid #999;
}
blockquote .source {
text-align: right;
font-style: normal;
margin-right: 2em;
text-align: right;
font-style: normal;
margin-right: 2em;
}
</style>
</head>
<body>
</style>
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
erat volutpat. Ut wisi enim ad minim veniam</p>
<blockquote>
<p>
nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam </p>
<div class="source">Lorem ipsum</div>
</blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam magna aliquam erat volutpat. Suscipit lobortis</p>
</body>
</html>
<blockquote>
<p>
nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam </p>
<div class="source">Lorem ipsum</div>
</blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam magna aliquam erat volutpat. Suscipit lobortis</p>
</body>
</html>
Hasilnya bisa dilihat di browser:
Mengontrol Huruf Di Dalam Teks
Contoh di bawah ini, bagaimana
kita bisa mengatur huruf di dalam teks. Terutama hal ini berguna untuk style Heading atau judul documen.
Download File Lengkapnya Klik Disini
0 komentar:
Posting Komentar