Siaran ini akan menerangkan cara mengalih keluar sempadan daripada HTML menggunakan CSS sepenuhnya.
Bagaimana untuk mengalih keluar Sempadan sepenuhnya daripada Jadual HTML?
Jika pengguna ingin mengalih keluar sempadan sepenuhnya daripada jadual HTML, lihat arahan.
Langkah 1: Buat Jadual Dengan Sempadan
Untuk membuat jadual dalam HTML, ikut arahan:
- Pertama, tambahkan elemen jadual '
'bersama-sama dengan' sempadan ” atribut. - Kemudian, '
teg ” ditambah untuk mencipta bilangan baris yang dikehendaki. - Sel tajuk ditentukan menggunakan '
” tag. - Selepas itu, '
tag ' disertakan dalam ' lain ' ” teg untuk menambah sel data: < meja sempadan = '1px' >
< tr > < ke > Nama < / ke > < ke > ID < / ke > < ke > kategori < / ke >< / tr >
< tr > < td > Jenny < / td > < td > 001 < / td > < td > A < / td >< / tr >
< tr > < td > laut < / td > < td > 002 < / td > < td > B < / td >< / tr >
< tr > < td > Besar < / td > < td > 003 < / td > < td > C < / td >< / tr >
< / meja >Untuk menggayakan jadual HTML, kami akan menggunakan sifat CSS berikut:
>
meja {
padding : 10px ;
margin : auto ;
sempadan : 1px padu hitam :
}
>Di dalam '
”, akses elemen menggunakan tagnya. Kemudian, gunakan sifat berikut:
- “ margin ” harta dengan nilai “ auto ” digunakan untuk menetapkan ruang yang sama di sekeliling elemen.
- “ padding ” harta dengan nilai “ 10px ” menetapkan ruang 10px di sekeliling kandungan elemen.
- “ sempadan ” harta menggunakan sempadan di sekeliling meja.
Pengeluaran
Langkah 2: Alih Keluar Sempadan dalam CSS
Untuk mengalih keluar sempadan daripada jadual, pengguna dikehendaki menetapkan “ sempadan ” harta sebagai “ tiada ”:
meja {
padding : 10px ;
margin : auto ;
sempadan : tiada ;
}Ia boleh diperhatikan bahawa sempadan luar dari jadual telah berjaya dialih keluar:
Langkah 3: Alih Keluar Sempadan Jadual sepenuhnya
Tambahan pula, jika anda ingin mengalih keluar keseluruhan sempadan dari jadual dan juga dari sel, tetapkan “ sempadan ” harta sebagai “ tiada ' pada semua elemen, termasuk ' meja ”, “ tr ”, “ ke ”, dan “ td ”:
jadual, tr, td, ke{
padding: 10px;
margin: auto;
sempadan: tiada;
}Output di bawah menunjukkan bahawa kami telah mengeluarkan sepenuhnya sempadan dari jadual HTML:
Kami telah menunjukkan kaedah untuk mengalih keluar sempadan daripada jadual HTML sepenuhnya.
Kesimpulan
Untuk mengalih keluar sempadan sepenuhnya daripada jadual HTML, buat jadual dahulu. Selepas itu, gunakan sifat CSS ' sempadan ”, “ padding ”, dan “ margin ' di atas meja. Kemudian, tetapkan harta sempadan sebagai “ tiada ” pada semua elemen jadual, seperti “ meja ”, “ tr ”, “ td ”, dan “ ke ”. Tutorial ini telah menunjukkan kaedah untuk mengalih keluar sempadan sepenuhnya daripada jadual HTML.
- Sel tajuk ditentukan menggunakan '