Jinsi ya kumuelea: kifungu kina-mwali

Jinsi ya kumuea stili ya kifungu kwa kifungu kina-mwali

Mwaka 1 - Ongeza HTML:

<button class="button button1">2px</button>
<button class="button button2">4px</button>
<button class="button button3">8px</button>
<button class="button button4">12px</button>
<button class="button button5">50%</button>

Mwaka 2 - Ongeza CSS:

Tumia radius-mwali Matokeo ya kumuongeza kifungu:

.button {
  colori-backgroundi: #04AA6D;
  borderi: bila kifungu;
  colori: bila mawingu;
  paddingi: 20px;
  alignment-texti: kwa kati;
  decoration-texti: none;
  displayi: blocki kwa picha;
  size-fonti: 16px;
  margini: 4px 2px;
}
.button1 {radius-mwali: 2px;}
.button2 {radius-mwali: 4px;}
.button3 {radius-mwali: 8px;}
.button4 {radius-mwali: 12px;}
.button5 {radius-mwali: 50%;}

亲自试一试

相关页面

教程：CSS 按钮