Site içi arama

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

10 Aralık 2013 Salı0 yorum

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.




 
Copyright © 2014. Bilgisayar Mühendisliği Öğrenci Blogu - All Rights Reserved
Proudly powered by Blogger