آموزش طراحی دکمه Pill Buttons در وب

ایجاد دکمه Pill Buttons در وبسایت

در این مقاله می آموزیم که چطور با استفاده از کد CSS , Html دکمه Pill Buttons ایجاد کنیم.

قدم اول : کد HTML را اضافه کنید.
مثال :

قدم دوم : کد CSS را اضافه کنید.
مثال :

                                .button {
                  background-color: #ddd;
                  border: none;
                  color: black;
                  padding: 10px 20px;
                  text-align: center;
                  text-decoration: none;
                  display: inline-block;
                  margin: 4px 2px;
                  cursor: pointer;
                  border-radius: 16px;
                }

نمونه یک

<h2>Pill Buttons</h2>

<button class="button">Pill Button 1</button>

<button class="button">Pill Button 2</button>

امتحان کنید

عکس دکمه Pill Buttons

ساخت انواع دکمه دانلود آموزش ایجاد دکمه اعلان در سایت

1399/12/26 1592 578

دانلود PDF

دانلود سورس کد

رمز عبور : tahlildadeh.com یا www.tahlildadeh.com

سوالات و نظرات

نظرات شما