CSS dapat digunakan untuk memformat border atau garis tepi dari sebuah tabel. Format yang dapat dilakukan meliputi jenis garis (dotted, solid, dan lainlain), warna border, ketebalan garis tepi dan sebagainya. Demikian pula warna dari sebuah sel, dapat diatur dengan CSS.
Berikut adalah contoh penerapan style border pada tabel dengan style sebagaiberikut {border:1px solid black;} dan listing kode lengkapnya seperti dibawah ini
<html>
<head>
<style>
table,th,td
{ border:1px solid black; }
</style>
</head>
<body>
<table>
<tr>
<th>Nama Depan</th>
<th>Nama</th>
</tr>
<tr>
<td>Adelin</td>
<td>Larasati</td>
</tr>
<tr>
<td>Novero</td>
<td>Dayandra</td>
</tr>
<tr>
<td>Adika</td>
<td>Dayandra</td>
</tr>
</table>
</body>
</html>
Jika listing kode diatas dijalankan maka akan menghasilkan tampilan sebagai
berikut :
border-collapse:collapse;
yang menghasilkan tampilan garis single pada tabel
<html>
<head>
<style>
table
{ border-collapse:collapse; }
table, td, th
{ border:1px solid black; }
</style>
</head>
<body>
<table>
<tr>
<th>Nama Depan</th>
<th>Nama</th>
</tr>
<tr>
<td>Adelin</td>
<td>Larasati</td>
</tr>
<tr>
<td>Novero</td>
<td>Dayandra</td>
</tr>
<tr>
<td>Adika</td>
<td>Dayandra</td>
</tr>
</table>
</body>
</html>
Oke sekarang saya sedikit memahami style style dasar CSS untuk memformat tampilan tabel
BalasHapusDapat menerapkan beberapa style untuk memformat tampilan tabel
Dapat Menyajikan CSS untuk memformat tampilan pada tabel dari sebuah halaman website, ohya nama saya putra laksana website kampus saya https://www.atmaluhur.ac.id/
Artikel ini sangat bagus untuk sebagai pemula dengan artikel ini saya bisa memahami cara html tabel dan penerapan css sangat mudah sekali dipahami terimakasih telah membuat artikel ini .yah lebih banyak lagi artikel seperti ini perkenalkan nama saya kamelia kunjungi website kampus saya https://www.atmaluhur.ac.id/
BalasHapusartikelnya sangat bermanfaat. Penulisan untuk menjelaskan secara baik mengenai Penerapan style border pada tabel pada CSS HTML. Penjelasan nya sangat mudah di pahami pembaca, khususnya bagi saya sendiri. Nama saya pauziah kunjungi website kampus kami
BalasHapusttps://www.atmaluhur.ac.id/
Terimakasih sudah berbagi ilmu, artikel itu sangat membantu saya dalam memahami bagaimana cara penerapan style border pada tabel di CSS HTML, penjelasan nya sangat mudah di pahami, di sertai ada nya contoh penulisan coding membantu saya memahami nya.... semoga admin bisa mengembangkan artikel nya agar bisa membantu orang orang untuk paham tentang html... perkenalkan saya Rian Cahya Fajar.. mari kunjungi website kampus kami : https://www.atmaluhur.ac.id/
BalasHapusTerima kasih admin untuk artikel nya, karena artikel dari admin saya bisa tau bagaimana penerapan style border pada tabel,CSS HTML, ternyata caranya cukup mudah jika kita memahaminya. Saya harap admin terus membuat artikel-artikel seperti ini ya..
BalasHapusPerkenalkan nama saya mozza muthia rahman
Kunjungi website kampus saya di link ini
(https://www.atmaluhur.ac.id/)
Perkenalkan nama saya Muhammad amir. Artikel tntg tutorial coding utk css ini sngat mmbantu saya sebagai pemula. Kunjungi website kampus saya di https://www.atmaluhur.ac.id
BalasHapusTerimakasih admin untuk artikelnya. Artikel ini sangat membantu saya dalam mempelajari tentang penerapan style Border pada tabel CSS HTML. Semoga kedepannya Admin bisa membuat artikel lain dan membantu orang orang agar paham tentang html. Oh ya, perkenalkan nama saya Sri Rezeki. Kunjungi website kampus saya https://www.atmaluhur.ac.id/
BalasHapusTerima kasih kak , materi ini sangat membantu saya . Semoga ilmu kakak bisa dimengerti banyak orang , dan semoga kakak tidak bosan untuk membuat artikel untuk kedepannya . Sukses terus kak:)
BalasHapusPerkenalkan nama saya DIAN ANGGREINI NIM 1922500136. link kampus https://www.atmaluhur.ac.id/
Terimakasih kak atas materinya, sangat bagus. Isinya mudah dipahami, sangat membatu. saran dari saya tambahin gambarnya biar lebih jelas dan mengerti lebih detail.walaupun saya melihat artikel ini saya bisa mengetahui cara dengan penerapan tabel ini. kalo ditambahin gambar biar lebih jelas lagi kak:) ditunggu next materi lain tentang html kak,semoga sukses selalu.semoga sehat selalu agar bisa upload materi yg lain.
BalasHapusNama saya Ardelia Dwi Maharani
Nim 1922500137
Kelompok SI2K
link kampus https://www.atmaluhur.ac.id/
Thank's min untuk artikelnya dan ilmunya dari membaca artikel ini saya lebih mengenal bagaimana cara membuat tabel dengan html. Semoga blog ini ke depannya dapat lebih memberikan artikel yang bermanfaat untuk kami yang baru belajar pemrograman web. Always success :)
BalasHapusperkenalkan nama saya Rachma Dini, kunjungi website kampus saya https://www.atmaluhur.ac.id/
Terimakasih min atas websitenya ,website ini sangat bermanfaat bagi saya tentang cara membuat tabel dengan html.apalagi untuk saya yang baru belajar tentang pemrograman web.saya harap admin disini selalu update memberikan informasi,sukses selalu..
BalasHapusperkenalkan nama saya Nabil Rizky Hibatullah ,kunjugi website kampus saya https://www.atmaluhur.ac.id/
terimakasih min, artikelnya cukup berguna untuk saya yang baru mempelajari tentang materi ini. disini saya bisa mengetahui cara membuat tabel di html. apalagi untuk saya yang kuliah di bagian komputer, artikel ini sangat membantu saya dan dapat membantu banyak orang juga. semoga kedepannya admin bisa membuat artikel bermanfaat lainnya. terimakasih min, semoga kedepannya admin makin sukses yaa.. Perkenalkan nama saya Ferlyta Athiyyah Rahil, silahkan kunjungi website kampus saya https://www.atmaluhur.ac.id/
BalasHapusisinya mudah di pahami, materinya bagus. tapi sayang kurang gambar sebagai penjelasannya. saya harap kedepan admin dapat memberikan gambar sebagai penjelasan, sukses terus dan saya harap admin dapat memberikan ilmu lainnya. nama saya Muhammad Arga Sendiansyah, kunjungi web kampus saya https://www.atmaluhur.ac.id/
BalasHapusTerimakasih gan artikelnya sangat berguna bagi saya yg baru mempelajari materi ini ,sangat membantu saya untuk belajar memahaminya tentang bagaimana cara mempelajari penerapan style border pada tabel di css html, semoga kedepannya dapat membuat artikel lain yang bermanfaat bagi semua orang, kunjungi juga gan web kampus saya di link https://www.atmaluhur.ac.id/
BalasHapusartikel pertama yang saya temui serinci ini sangat bermanfaat sekali gan .. jadi gak susah susah lagi saya belajar
BalasHapusterimakasih ya gan artikelnya sangat mudah sekali saya pahami ..
terus membuat artikel seperti ini ya gan
sukses selalu
perkenalkan nama saya indah lestari website kampus saya https://www.atmaluhur.ac.id
Bermanfaat sekali artikelnya , sukses terus kak , saya sangat senang dengan adanya artikel seperti ini karena memberikan ilmu yg bermanfaat , perkenalkan saya Hadiyatan Nazilah , jangan lupa mampir ke website kampus saya ya kak https://www.atmaluhur.ac.id/
BalasHapusArtikel nya bagus min. Padat, jelas, dan lumayan mudah dimengerti. Ada juga gambar nya, jadi makan mudah pahamin nya. Tapi sedikit saran sih kak, lebih baik step nya di rinci dengan baik, terus gambar nya banyakin biar sekali lihat langsung ngerti. Maaf ya min, ada sedikit saran. Sukses terus, ya! Selalu ngehasilin artikel yg bermanfaat untuk programmer.
BalasHapusOiya, kenalin nama saya Putra Raniansyah, dan ini web kampus saya https://www.atmaluhur.ac.id
perkenalkan nama saya Putra Raniansyah dari kampus stmik atma luhur pangkalpinang, web tentang cara membuat tabel html yang kakak buat sangat mudah dipahami dan bermanfaat bagi saya yang baru belajar tentang cara pembuatan web. semoga web yang kaka buat ini semakin berkembang kedepanya terimakasih kak. oh iya kunjungi juga website kampus kami di https://www.atmaluhur.ac.id/
BalasHapusTerima kasih gan untuk artikel singkatnya. saya rasa artikel ini mungkin khusus dibuat untuk pemula saja, karna seperti yang terkait didalamnya hanya dijelaskan bagaimana cara membuat Tabel nya saja dengan css html, tidak dijelaskan lebih lanjut mengenai bagaimana mengatur tabel mengenai warna, ketebalan, font, dll. saya harap untuk kedepanya admin mengupdate artikelnya dengan konteks yang sama. terima kasih
BalasHapusPerkenalkan nama Saya Andika Aprianus
kunjungi website kampus kami di Link ini https://www.atmaluhur.ac.id/
makasih min buat artikel nya :) artikel nya sangat membantu dan lumayan dapat dimengerti... terus bikin artikel yang keren dan bermanfaat ya :)
BalasHapusmakasih min :)
perkenalkan nama saya Laila Huriana Anisah Rohmawati dari STMIK Atma Luhur
website kampus saya di (https://www.atmaluhur.ac.id/)
Artikel ini sangat bagus untuk sebagai pemula dengan artikel ini saya bisa memahami cara html tabel dan penerapan css sangat mudah sekali dipahami terimakasih telah membuat artikel ini .yah lebih banyak lagi artikel seperti ini perkenalkan nama saya tri Utami. Nim 1922500071. Kelompok si2j . kunjungi website kampus saya https://www.atmaluhur.ac.id/
BalasHapusTerima kasih min, artikel mimin bagus sekali lanjutkan terus min mantab nian lah.
BalasHapusNama : Sadam Husein
Nim : 1922500158
Kelompok : si2k
Link kampus : https://www.atmaluhur.ac.id/
Siang kak.. Terima kasih kak artikel yang kakak buat sangat lebih memahami lebih jelas tentang html tabel dan css dan bermanfaat untuk saya membuat tugas kuliah kak dan mempermudah saya untuk lebih mengenal lebih luas lagi kak. Terus berkarya dan sukses selalu kak.
BalasHapusNama : Arvina Destiyani
Nim. : 1922500073
Kelompok : SI2J
Link kampus : https://www.atmaluhur.ac.id/
Selamat sore kak, Artikel ini sangat bagus untuk sebagai pemula dengan artikel ini saya bisa memahami cara html tabel dan penerapan css sangat mudah sekali dipahami terimakasih telah membuat artikel ini .yah lebih banyak lagi artikel seperti ini kak.
BalasHapusAdri firmansyah
1922500055
si2j
Artikel ini sangat bagus untuk sebagai pemula dengan artikel ini saya bisa memahami cara html tabel dan penerapan css sangat mudah sekali dipahami terimakasih telah membuat artikel ini .yah lebih banyak lagi artikel seperti ini
BalasHapusNama : Feinisa indah sari
Nim : 1922500090
Kelas : si2j
https://www.atmaluhur.ac.id/
Penjelasan materi nya mudah dipahami kak, Terimakasih atas informasi nya dengan membaca artikel dari kakak pengetahuan tentang html saya bertambah, kunjungi juga website kampus saya untuk bertukar informasi , saya fira karunia 1722500127 https://www.atmaluhur.ac.id
BalasHapusseblumnya,saya sempat bingung dalam belajar penerapan html dengan tabel dan css blogspot tapi alhamdulilah setelah saya melihat web ini dengan berbagai tutorial nya saya jadi mudah untuk mempelajari dan mempraktekan nya di rumah dan sekarang saya mulai terbiasa dengan bahasa pemograman html 5,untuk admin terimakasih dan terus berikan yang terbaik untuk pembaca,karena sungguh artikel ini sangat berguna bagi pemula seperti saya.
BalasHapusperkenalkan saya Muhammad akbar
silahkan kunjungi website kampus saya di link ini
https://www.atmaluhur.ac.id/
haloo ka, selamat siangg .
BalasHapusterimakasih ka artikel blognya sangat membantu saya dan cukup berguna untuk saya yang baru mempelajari tentang materi ini. disini saya bisa mengetahui cara membuat tabel di html. apalagi untuk saya yang kuliah di bagian komputer, artikel ini sangat membantu saya dan dapat membantu banyak orang juga.
perkenalkan saya Jihan Jesica ( 2022500117 ) .
silahkan kunjungi website kampus saya di link ini :
https://www.atmaluhur.ac.id
Terima kasih gan untuk artikel singkatnya. saya rasa artikel ini mungkin khusus dibuat untuk pemula saja, karna seperti yang terkait didalamnya hanya dijelaskan bagaimana cara membuat Tabel nya saja dengan css html, tidak dijelaskan lebih lanjut mengenai bagaimana mengatur tabel mengenai warna, ketebalan, font, dll. saya harap untuk kedepanya admin mengupdate artikelnya dengan konteks yang sama. terima kasih
BalasHapusSaya RANDIKA
Mampir juga di http://mahasiswa.atmaluhur.ac.id/
Terima kasih admin untuk artikel nya, karena artikel dari admin saya bisa tau bagaimana penerapan style border pada tabel,CSS HTML, ternyata caranya cukup mudah jika kita memahaminya. Saya harap admin terus membuat artikel-artikel seperti ini ya..
BalasHapusSaya Vinti 2022500009
Jangan lupa berkunjung di
https://www.atmaluhur.ac.id
Haii kak
BalasHapusTerimakasih atas artikel nya, artikel ini sangat membantu saya dalam belajar pemrograman web tentang penerapan style Border pada tabel pada CSS html, berkat artikel ini saya sedikit mengerti bagaimana cara membuat tabel pada html, untuk admin tetap semangat dn terus berkarya dalam membuat artikel lainnya yg bermanfaat bagi pembaca khusus nya pemula,
Saya Fauziah Syafarina
Kunjungi web kampus saya
Https://www.atmaluhur.ac.id