#C کلید ورود به بازار کار

دوره پروژه‌محور #C و ASP.NET Core

C#
C#
مقالات برنامه نویسی
آموزش ساخت دکمه های تمام عرض در سایت

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


در این مقاله می آموزیم که چطور با استفاده از کد 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)  

آموزش ساخت دکمه تمام عرض در سایت
مقاله بعدی
آموزش ساخت دکمه با متن
نظرات شما

نظرات خود را ثبت کنید...