Daftar dan Belajar Sekarang!

Bagaimana cara menghapus border yang berlebihan dan gimana cara menghapusnya

foto MAG07
1 Kontribusi 0 Coto
1 minggu yang lalu
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=https://i.ibb.co/mDD1JQw/Screenshot-2.png 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>&copy; MAG07 Web Devloper</p>
		
	</footer>
</body>
</html>
dan ini hasilnya https://i.ibb.co/SrKK0Yx/Screenshot-1.png terimakasih sebelumnya!
  • jelaskan gan di"edit" pertanyannya, yang kamu mau apa, yang masalah di gambar apa? - hilmanrdn
  • sertakan juga di atas kode html kamu - hilmanrdn
  • sudah saya edit kak - MAG07

Login untuk tulis komentar


Jawaban
foto Shefin17
14 Kontribusi 7 Coto
1 minggu yang lalu
karena setiap tag yang memiliki border kamu beri margin dan pading 5 *{ margin:0; padding:0; }
  • tetapi bordernya jadi tebal gan,gimana biar dihapus dan border yang saya tag aja yg muncul?? - MAG07

Login untuk tulis komentar


foto Shefin17
14 Kontribusi 7 Coto
1 minggu yang lalu
border jadi tebal karena tertumpuk. coba hapus tag main dibawah ini header , nav , main , aside, footer{ border:1px solid grey; margin:5px; padding:5px; }

foto verified logo RezkyVengeance
25 Kontribusi 1 Coto
6 hari yang lalu
border bisa dibikin speisifik kok gan dengan cara di tambah css di element yang mau kita kasih border, bisa cuma di kasih border untuk bagian tertentu saja contoh hanya border untuk bagian atas saja. tumpukan border juga menyebabkan border menjadi lebih tebal


Login untuk diksusi di forum sekolah koding