gurumutant

Pengerjaan Praktikum Text Properties siapa

May 17th, 2018
229
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.04 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="id">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <title>Text properties pada CSS</title>
  6. <style>
  7. /* contoh internal stylesheets */
  8. body {
  9.     font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
  10. }
  11.  
  12. a {
  13.     text-decoration: none;
  14.     color: #FFA702;
  15. }
  16.  
  17. a:hover {
  18.     text-decoration: underline;
  19.     color: #f00;
  20.     background-color: #A2FF43;
  21. }
  22.  
  23. .font1 {
  24.     font-style: italic;
  25.     font-size: 1.5em;
  26.     text-align: center;
  27. }
  28. .tebal {
  29.     font-weight: bold;
  30. }
  31. .judul {
  32.     text-transform: capitalize;
  33.     font-size: 2em;
  34. }
  35. </style>
  36. </head>
  37. <body>
  38. <h1>CSS Text Properties</h1>
  39. <p>Contoh Link dengan Pseudo-class: <a href="https://www.w3schools.com">W3Schools.com</a>. </p>
  40. <p class="font1">Test font style Italic dengan css, dengan text-align: center dan font size: 1.5em</p>
  41. <p><i>Test font style Italic dengan tag</i></p>
  42. <p class="judul">Teks ini seharusnya <span class="tebal">tebal</span>, karena pakai font-weight: bold</p>
  43. <p>Klik <a href="#">di sini</a> untuk menuju profil FB saya</p>
  44. </body>
  45. </html>
Add Comment
Please, Sign In to add comment