آموزش ساخت دکمه های تمام عرض در سایت

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

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

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

                               .block {
                  display: block;
                  width: 100%;
                  border: none;
                  background-color: #4CAF50;
                  padding: 14px 28px;
                  font-size: 16px;
                  cursor: pointer;
                  text-align: center;
                }

نمونه یک

<h2>دکمه های تمام عرض</h2>

<button class="block">Block دکمه</button>

امتحان کنید

نمونه دکمه Full Width(Block)

آموزش ساخت دکمه با متن

1400/01/05 2903 767

دانلود PDF

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

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

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

نظرات شما