masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

Tetapkan gaya sempadan

Atribut gaya sempadan menetapkan gaya empat sempadan unsur. Sifat ini boleh mempunyai satu hingga empat nilai. . Garis putus-putus

border-style:dotted solid double dashed;

● Sempadan atas bertitik

● Sempadan kanan dan kiri ialah garisan padu

● Sempadan bawah ialah garisan dua

● Sempadan atas dan bawah

● Betul sempadan dan sempadan kiri adalah garis pepejal 

border-style:dotted solid double;
e

● Semua 4 sempadan dihiasi nilai -nilai yang boleh ditetapkan:

none: Tentukan tiada sempadan .

tersembunyi: Sama seperti "tiada". Kecuali apabila digunakan pada jadual, yang tersembunyi digunakan untuk menyelesaikan konflik sempadan.

bertitik: Tentukan jidar bertitik. Dihasilkan sebagai garis padat dalam kebanyakan penyemak imbas.

putus-putus: Tentukan garis putus-putus. Dihasilkan sebagai garis padat dalam kebanyakan penyemak imbas.

pepejal: Tentukan garis pepejal.

double: Takrifkan dua garis. Lebar garisan berkembar adalah sama dengan nilai lebar sempadan.

alur: Tentukan sempadan alur 3D. Kesannya bergantung pada nilai warna sempadan.

rabung: Tentukan sempadan rabung 3D. Kesannya bergantung pada nilai warna sempadan.

inset: Tentukan sempadan inset 3D. Kesannya bergantung pada nilai warna sempadan.

permulaan: Tentukan sempadan permulaan 3D. Kesannya bergantung pada nilai warna sempadan.

warisi: Menentukan gaya sempadan harus diwarisi daripada elemen induk.

Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>设置边框样式</title> <style> p.none {border-style:none;} p.dotted {border-style:dotted;} p.dashed {border-style:dashed;} p.solid {border-style:solid;} p.double {border-style:double;} p.groove {border-style:groove;} p.ridge {border-style:ridge;} p.inset {border-style:inset;} p.outset {border-style:outset;} p.hidden {border-style:hidden;} </style> </head> <body> <p class="none">无边框。</p> <p class="dotted">虚线边框。</p> <p class="dashed">虚线边框。</p> <p class="solid">实线边框。</p> <p class="double">双边框。</p> <p class="groove"> 凹槽边框。</p> <p class="ridge">垄状边框。</p> <p class="inset">嵌入边框。</p> <p class="outset">外凸边框。</p> <p class="hidden">隐藏边框。</p> </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492410 permainan