Je howa kujengia: Kikibao cha ikoni
- Kisha hizi: Kinaadui ya kina cha kusikitisha cha JavaScript Kisha hizi: Kinaadui ya kina cha kusikitisha cha JavaScript
- Kisha hizi: Kinaadui ya kina cha kusikitisha cha JavaScript Kisha hizi: Kinaadui ya kina cha kusikitisha cha JavaScript
Mwongozo wa kuhakikisha kwa CSS kujengia kikibao cha ikoni.
Kikibao cha ikoni:
Kikibao cha ikoni na matukio:
Je howa kujengia kikibao cha ikoni
Kichwa cha kwanza - kuongeza HTML:
Kuongeza kumbukumbu za ikoni, kama font Awesome, na kuongeza ikoni kwenye kikibao cha HTML:
<!-- Kuongeza kumbukumbu za ikoni --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">Icon buttons:
Icon buttons with text:
第二步 - 添加 CSS：
/* 设置按钮的样式 */
.btn {
background-color: DodgerBlue; /* 蓝色背景 */
border: none; /* Kufungua kifungu cha kina */
color: white; /* Mawazo ya kwenyeji */
padding: 12px 16px; /* Mawazo ya ndani ya kiwango chake kinachotengenezwa kwa uwanja wa uwanja wa ndani */
font-size: 16px; /* Kuzingatia ukubwa wa fonti */
cursor: pointer; /* Kifaa cha kibidi cha msingi kwenye kifaa cha kibidi */
}
/* Kifaa cha uharibwa kwenye msingi huzaliwa */
.btn:hover {
background-color: RoyalBlue;
}
Kisha hizi: Kinaadui ya kina cha kusikitisha cha JavaScript
Kisha hizi: Kinaadui ya kina cha kusikitisha cha JavaScriptKisha hizi: Kinaadui ya kina cha kusikitisha cha JavaScript
Kisha hizi: Kinaadui ya kina cha kusikitisha cha JavaScriptKisha hizi: Kinaadui ya kina cha kusikitisha cha JavaScript
- Kisha hizi: Kinaadui ya kina cha kusikitisha cha JavaScript Kisha hizi: Kinaadui ya kina cha kusikitisha cha JavaScript
- Kisha hizi: Kinaadui ya kina cha kusikitisha cha JavaScript Kisha hizi: Kinaadui ya kina cha kusikitisha cha JavaScript
