Our social:

10 Aralık 2013 Salı

Asp.NET CssClass özelliği ve kullanımı

Bu yazıda Asp.NET'te CssClass özelliğini kullanarak sayfamıza eklediğimiz button, textbox gibi kontrolleri CSS kodları yardımıyla görsel açıdan daha güzel hale getirmeyi anlatacağım.

HTML'de nasıl ki inputlar için class parametresini kullanıyorsak, Asp.NET'te de CssClass parametresini kullanıyoruz.

Default.aspx adında bir sayfa oluşturalım ve sayfamıza bir adet textbox ekleyelim.

Kod kısmına baktığımızda

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> şeklinde bir kod görüyoruz.

CssClass="tb" kodunu ekliyorum.

<asp:TextBox ID="TextBox1" CssClass="tb" runat="server"></asp:TextBox>

Sayfamın <title></title> etiketlerinin altına

<style>
        .tb {
            background-color: gray;
            background-image: url(arama.png);
            background-repeat: no-repeat;
            background-position: 5px;
            height: 25px;
            border: 1px solid red;
            padding-left: 35px;
            color: white;
        }
 </style>

kodunu yazıyorum.

Sayfayı tarayıcıda açtığımda aşağıdaki gibi CSS kodlarıyla düzenlenmiş textbox ile karşılaşıyorum.




0 yorum: