Pembangun boleh menggunakan berbilang sifat CSS untuk menjadikan halaman web mereka lebih menarik, seperti “ ketinggian ” dan “ lebar ' sifat untuk menetapkan saiz, ' penjajaran teks 'untuk melaraskan teks,' ala sempadan ” dan “ jejari sempadan ” sifat untuk menetapkan sempadan di sekeliling elemen. Selain itu, anda boleh menambah sempadan mengikut keperluan anda, seperti pada satu sisi elemen, hanya untuk menjadikan perkara di belakang objek lebih kelihatan.
Siaran ini akan menunjukkan:
Kaedah 1: Tetapkan Sempadan pada Satu Sisi
Dalam CSS, pengguna boleh menetapkan sempadan pada satu sisi elemen yang dikehendaki. Untuk tujuan ini, ' sempadan-kiri ”, “ sempadan-kanan ”, “ atas sempadan ” dan “ sempadan-bawah sifat ” digunakan untuk menambah jidar di sebelah kiri, kanan, atas atau bawah.
Dalam bahagian ini, kami akan menetapkan sempadan secara khusus di sebelah kiri bekas. Untuk berbuat demikian, ikut arahan yang dinyatakan di bawah.
Langkah 1: Buat Bekas div
Mula-mula, buat bekas div dengan bantuan ' Langkah 2: Sisipkan Tajuk Seterusnya, gunakan '< h1> teg ” untuk menambah tajuk di dalam bekas div. Selain itu, anda juga boleh menggunakan tag tajuk lain mengikut keperluan, seperti '< h1> ” kepada “< h6> ” tag: Sekarang, akses bekas div HTML dan akses nama kelas. Untuk berbuat demikian, pemilih kelas ' # ” digunakan dengan nama kelas. Langkah 4: Masukkan Sempadan pada Satu Sebelah Sahaja Selepas mengakses bekas div, gunakan sifat CSS yang disebut di bawah: Imej yang terhasil menunjukkan sempadan dengan satu sisi sahaja: Untuk menetapkan sempadan pada semua sisi dengan warna yang berbeza, gunakan kod HTML di atas. Kemudian, akses bekas div dengan bantuan nama id dan pemilih: Akibatnya, sempadan dengan gaya berbeza pada setiap sisi akan digunakan: Untuk menetapkan sempadan pada satu sisi sahaja, pertama, buat div menggunakan '
< h1 > Sempadan di Satu Sebelah h1 >
div >
Dapat dilihat bahawa bekas telah berjaya dibuat:
Langkah 3: Akses div Container
sempadan-kiri: 5px pepejal merah ;
latar belakang: rgb ( 56 , 239 , 245 ) ;
jidar: 20px 100px;
lebar: 200px; ketinggian:150px
}
di sini:
Kaedah 2: Tetapkan Sempadan pada Semua Sisi Dengan Gaya Berbeza
jidar: 80px;
lebar sempadan: 8px 2px 1px 10px;
jejari sempadan: 50px;
gaya sempadan: sisipan pepejal bertitik dua;
warna sempadan: rgb ( 40 , 5 , 235 ) rgb ( 238 , 146 , 9 ) rgb ( 255 , 0 , 242 ) rgb ( 19 , 19 , 18 ) ;
}
Dalam kod yang disediakan di atas:
Dalam artikel ini, anda telah mempelajari cara yang berbeza untuk menetapkan sempadan CSS pada satu dan berbilang sisi. Kesimpulan