Page 132 - Desain Media Interaktif smt 1
P. 132
Menambahkan CSS di dalam HTML
Langkah 5
Code Hasil
<style>
.canvasputih{ Tambahkan tag style ke
width: 80%; <!-- lebar canvas --> dalam tag head, contoh :
background-color: #fafafa; <!-- warna canvas --> <head>
margin: 10%; <!-- margin canvas --> <style></style>
border-radius: 10px; <!-- lengkungan ujung canvas --> </head>
padding-top: 5%; <!-- padding atas canvas -->
box-shadow: 5px 5px 20px #625f6e85; <!-- bayangan -->
} Tambahkan selectors
body{ bernama .canvasputih{....}
background-color: rgb(35, 145, 235); <!-- warna background biru --> dan body{....}
text-align: center; <!-- teks rata tengah -->
font-family: 'Montserrat'; <!-- jenis font --> dan isi berdasarkan code
} tersebut.
</style>
130
