HTML ဇယားဘောင်များ
HTML ဇယားများတွင် မတူညီသော ပုံစံများနှင့် ပုံသဏ္ဍာန်များ၏ နယ်နိမိတ်များ ရှိနိုင်သည်။
နယ်ခြားထည့်နည်း
ဇယားတစ်ခုသို့ ဘောင်တစ်ခုထည့်သောအခါ၊ ဇယားဆဲလ်တစ်ခုစီပတ်လည်တွင်လည်း ဘောင်များထည့်သည်-
ဘောင်တစ်ခုထည့်ရန်၊ ပေါ်ရှိ CSS border
ပိုင်ဆိုင်မှု
table
၊ th
နှင့်
td
အစိတ်အပိုင်းများကို အသုံးပြုပါ-
ဥပမာ
table, th, td
{
border: 1px solid black;
}
ပြိုကျနေသော ဇယားဘောင်များ
အထက်ဖော်ပြပါ ဥပမာတွင်ကဲ့သို့ ဘောင်နှစ်ထပ်ရှိခြင်းကို ရှောင်ရှားရန် CSS border-collapse
ပိုင်ဆိုင်မှုကို သတ်မှတ်ပါ collapse
။
၎င်းသည် နယ်နိမိတ်များကို တစ်ခုတည်းသော နယ်နိမိတ်အဖြစ်သို့ ပြိုကျစေလိမ့်မည်-
ဥပမာ
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
ပုံစံဇယားဘောင်များ
အကယ်၍ သင်သည် ဆဲလ်တစ်ခုစီ၏ နောက်ခံအရောင်ကို သတ်မှတ်ပြီး ဘောင်ကို အဖြူရောင် (စာရွက်စာတမ်း နောက်ခံနှင့် အတူတူပင်) ပေးလျှင် သင်သည် မမြင်နိုင်သော ဘောင်တစ်ခု၏ ခံစားချက်ကို ရရှိလိမ့်မည်-
ဥပမာ
table, th, td {
border: 1px solid white;
border-collapse: collapse;
}
th, td {
background-color: #96D4D4;
}
စားပွဲဝိုင်းနယ်နိမိတ်များ
ပိုင်ဆိုင်မှု နှင့်အတူ border-radius
၊ နယ်နိမိတ်များသည် လုံးဝန်းသောထောင့်များကို ရရှိသည်-
ဥပမာ
table, th, td {
border: 1px solid
black;
border-radius: 10px;
}
table
css ရွေးချယ်မှုမှ ထွက်သွားခြင်းဖြင့် ဇယားပတ်ပတ်လည် ဘောင်ကို ကျော်လိုက်ပါ -
ဥပမာ
th, td {
border: 1px solid
black;
border-radius: 10px;
}
Dotted Table နယ်နိမိတ်များ
ပိုင်ဆိုင်မှု နှင့်အတူ border-style
၊ သင်သည် နယ်စပ်၏အသွင်အပြင်ကို သတ်မှတ်နိုင်သည်။
အောက်ပါတန်ဖိုးများကို ခွင့်ပြုသည်-
dotted
dashed
solid
double
groove
ridge
inset
outset
none
hidden
ဥပမာ
th, td {
border-style: dotted;
}
နယ်စပ်အရောင်
ပိုင်ဆိုင်မှု နှင့်အတူ border-color
၊ သင်သည် နယ်စပ်၏အရောင်ကို သတ်မှတ်နိုင်သည်။
ဥပမာ
th, td {
border-color: #96D4D4;
}