Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Bagaimana cara menghapus border yang berlebihan dan gimana cara menghapusnya
saya kurang mengerti kenapa bordernya terlalu banyak padahal sudah saya tentukan di border tag apa aja.
pertanyaan saya:
1.bagaimana cara menghapus border yang dipinggir kali dan gimana supaya yang saya tag aja yg ada bordernya, terimakasih sebelumnya.
2.jika saya pakai koding dibawah ini maka akan terlihat tebal garis di pinggir tersebut bagaimana cara menghapusnya?
padding:0px;
margin :0pxl
hasil:[url=
ini coding CSS nya gan:
<style>
body{
font-family:Verdana,sans-serif;
font-size: 12px;
}
header , nav , main , aside, footer{
border:1px solid grey;
margin:5px;
padding:5px;
}
main{
float: left;
}
aside{
float:left;
width:30%;
}
footer{
clear: both;
text-align: center;
}
</style>
ini koding HTMLnya :
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML5</title>
<meta charset="utf-8">
</head>
<body>
<header>
<h1>Belajar Program</h1>
<h2>Bersama Sekolah Koding</h2>
<header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">Kontak</a></li>
</ul>
</nav>
<main>
<article>
<figure>
<img src="ecampus.png" width="200" height="200" alt="gambar meja">
</figure>
<figcaption>
Gambar campus dari admin pada tahun 2018 <br>
<a href="#">Website MAG07!</a>
</figcaption>
<h1>Daftar Pelajaran</h1>
<section>
<h2>HTML</h2>
<p>Membuat Struktur website dengan html</p>
</section>
<section>
<h2>CSS</h2>
<p>Menghias website dengan css</p>
</section>
<section>
<h2>Javascript</h2>
<p>Menghias website lebih interaktif dengan javascript</p>
</section >
</article>
</main>
<aside>
<h2> Daftar Artikel</h2>
<a href="#">Intro HTML</a><br>
<a href="#">Mulai Belajar Website</a><br>
<a href="#">Belajar Sampai Ngerti Koding</a>
</aside>
<footer>
<p>© MAG07 Web Devloper</p>
</footer>
</body>
</html>
dan ini hasilnya
terimakasih sebelumnya!
Tanggapan
jelaskan gan di"edit" pertanyannya, yang kamu mau apa, yang masalah di gambar apa?
sertakan juga di atas kode html kamu
sudah saya edit kak
3 Jawaban:
border jadi tebal karena tertumpuk. coba hapus tag main dibawah ini header , nav , main , aside, footer{ border:1px solid grey; margin:5px; padding:5px; }
Jawaban Terpilih
<div>[deleted] Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>