CSS ဇယားများ
HTML ဇယား၏အသွင်အပြင်ကို CSS ဖြင့် အလွန်တိုးတက်စေနိုင်သည်။
ကုမ္ပဏီ | ဆက်သွယ်ပါ။ | တိုင်းပြည် |
---|---|---|
အဲဖရက်ရဲ့ အစာကျွေးတဲ့သေတ္တာ | မာရီယာအန် | ဂျာမနီ |
Berglund ၏စူပါမားကတ် | Christina Berglund | ဆွီဒင် |
Montezuma စျေးဝယ်စင်တာ | Francisco Chang | မက္ကဆီကို |
လေးနက်သောကုန်သွယ်မှု | Roland Mendel | သြစတြီးယား |
ကျွန်းရောင်းဝယ်ရေး | Helen Bennett | ယူကေ |
တော်ဝင်အစားအစာ | Philip Cramer | ဂျာမနီ |
Bacchus Winecellars ရယ် | Yoshi Tannamuri | ကနေဒါ |
စားနပ်ရိက္ခာဂိုဒေါင်များ စုစည်းထားသည်။ | Giovanni Rovelli | အီတလီ |
ဇယားဘောင်များ
CSS တွင် ဇယားဘောင်များကို သတ်မှတ်ရန်၊ border
ပိုင်ဆိုင်မှုကို အသုံးပြုပါ။
အောက်ဖော်ပြပါ ဥပမာသည် <table>၊ <th> နှင့် <td> ဒြပ်စင်များအတွက် အနက်ရောင်ဘောင်ကို သတ်မှတ်သည်-
ဥပမာ
table, th, td {
border: 1px solid black;
}
ဇယားအပြည့်
အထက်ဖော်ပြပါဇယားသည် အချို့ကိစ္စများတွင် သေးငယ်ပုံရသည်။ မျက်နှာပြင်တစ်ခုလုံး (အကျယ်အဝန်းရှိသင့်သော ဇယားတစ်ခု) လိုအပ်ပါက၊ width: 100%
<table> element သို့ ထည့်ပါ-
ဥပမာ
table {
width: 100%;
}
နှစ်ထပ်နယ်စပ်များ
အထက်ဖော်ပြပါ ဥပမာများတွင် ဇယားတွင် ဘောင်နှစ်ထပ်ရှိသည်ကို သတိပြုပါ။ အဘယ်ကြောင့်ဆိုသော် ဇယားနှင့် <th> နှင့် <td> ဒြပ်စင်နှစ်ခုလုံးတွင် သီးခြားနယ်နိမိတ်များ ရှိသောကြောင့်ဖြစ်သည်။
နှစ်ထပ်ဘောင်များကို ဖယ်ရှားရန်၊ အောက်ဖော်ပြပါ ဥပမာကို ကြည့်ပါ။
ဇယားဘောင်များကို ခေါက်သိမ်းပါ။
ဇယား border-collapse
ဘောင်များကို ဘောင်တစ်ခုတည်းအဖြစ်သို့ ပြိုကျသင့်သလား ပိုင်ဆိုင်မှုသည် သတ်မှတ်သည်-
ဥပမာ
table
{
border-collapse: collapse;
}
ဇယားပတ်ပတ်လည်တွင် ဘောင်တစ်ခုသာလိုလျှင် border
<table> အတွက် ပိုင်ဆိုင်မှုကိုသာ သတ်မှတ်ပါ။
ဥပမာ
table
{
border: 1px solid black;
}