HTML လင့်ခ်များ - မတူညီသောအရောင်များ
HTML လင့်ခ်တစ်ခုအား ၎င်းကို ဝင်ကြည့်ဖူးသည်ဖြစ်စေ၊ လည်ပတ်ခြင်းမရှိ၊ သို့မဟုတ် အသုံးပြုနေသည်ဖြစ်စေ အပေါ်မူတည်၍ မတူညီသောအရောင်ဖြင့် ပြသထားသည်။
HTML လင့်ခ်အရောင်များ
မူရင်းအားဖြင့်၊ လင့်ခ်တစ်ခုသည် ဤကဲ့သို့ပေါ်လာလိမ့်မည် (ဘရောက်ဆာအားလုံးတွင်--
- မကြည့်ရသေးသောလင့်ခ်သည် မျဉ်းသားပြီး အပြာရောင်ရှိသည်။
- ဝင်ကြည့်ထားသောလင့်ခ်သည် မျဉ်းသားပြီး ခရမ်းရောင်ဖြစ်သည်။
- အသက်ဝင်သောလင့်ခ်ကို မျဉ်းသားပြီး အနီရောင်ရှိသည်။
CSS ကို အသုံးပြု၍ လင့်ခ်ပြည်နယ်အရောင်များကို သင်ပြောင်းလဲနိုင်သည်-
ဥပမာ
ဤတွင်၊ မကြည့်ရသေးသောလင့်ခ်သည် မျဉ်းကြောင်းမပါဘဲ အစိမ်းရောင်ဖြစ်နေပါမည်။ ဝင်ကြည့်ထားသောလင့်ခ်သည် မျဉ်းကြောင်းမပါဘဲ ပန်းရောင်ဖြစ်နေပါမည်။ အသက်ဝင်သောလင့်ခ်သည် အဝါရောင်ဖြစ်ပြီး မျဉ်းသားထားပါမည်။ ထို့အပြင်၊ လင့်ခ်တစ်ခု (a:hover) ကို ရွှေ့လိုက်သောအခါ ၎င်းသည် အနီရောင်ဖြစ်လာပြီး မျဉ်းသားပါလိမ့်မည်-
<style>
a:link {
color: green;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: pink;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: red;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: yellow;
background-color: transparent;
text-decoration: underline;
}
</style>
လင့်ခ်ခလုတ်များ
CSS ကိုအသုံးပြုခြင်းဖြင့် လင့်ခ်တစ်ခုကို ခလုတ်တစ်ခုအဖြစ်လည်း ပုံစံချနိုင်သည်-
ဒါက link တစ်ခုပါ။ဥပမာ
<style>
a:link, a:visited {
background-color: #f44336;
color: white;
padding: 15px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
a:hover, a:active {
background-color: red;
}
</style>
CSS အကြောင်းပိုမိုလေ့လာရန်၊ ကျွန်ုပ်တို့၏ CSS Tutorial သို့သွားပါ ။
HTML လင့်ခ်ဂ်များ
Tag | Description |
---|---|
<a> | Defines a hyperlink |
ရနိုင်သော HTML တဂ်များ အားလုံး၏ စာရင်းအပြည့်အစုံအတွက်၊ ကျွန်ုပ်တို့၏ HTML Tag အကိုးအကားကို ဝင်ရောက်ကြည့်ရှု ပါ။