ホームページ > 記事 > ウェブフロントエンド > ASP.NET での CSS スタイルの使用

ASP.NET での CSS スタイルの使用

零下一度オリジナル: 2017-04-27 13:55:442082ブラウズ

1 リンクタグを使用してスタイルを呼び出します。つまり、CSS ファイルを HTML ページの先頭に直接ドラッグできます

このメソッドは、最初に CSS を読み込み、次に HTML を読み込みます。

<head runat="server">
   <title>网页标题</title>
   <link href="Css/default.css" rel="stylesheet" type="text/css" />   
</head>

2 スタイルタグを使用します

<head runat="server">
   <title>网页标题</title>

   <link href="Css/default.css" rel="stylesheet" type="text/css" />
  
   <style type="text/css">
        body
        {
            width:100%;
        }
        
   </style>

</head>

3 インポート読み込み、最初にHTMLをロードし、次にcssをロードします

   <style type="text/css">
        
        @import url(&#39;css/default.css&#39;);
        
   </style>

4 default.cssで使用します

1 コントロールのタイプのみを記述する場合、それはすべてを意味しますこのタイプのコントロールはこのスタイルを使用します

2 特定のコントロールのスタイルを設定したい場合は、#

例:default.css ファイル

body 
{
    padding: 0px;
    margin: 0px;
    width:960px;
    height:auto;
    display:block;
    margin-left:auto;
    margin-right:auto;   
}
        
#p_Top
{
  width:100%;
  height:80px;
  margin:0 auto;
  background-color:White;
  display:block;
}

#p_Mid
{
  width:100%;
  height:auto;
  margin:0 auto;
  background-color:White;
  display:block;
  min-height:420px;
}

#p_Footer
{
    width:100%;
    height:30px;
}


#Select,#Insert,#Delete,#Update
{
   width:90px;
   margin-left:auto;
   margin-right:auto;
   height:90px;
   font-size:15px;
   border: 3px solid #33CCFF;
}

#Select:hover,#Insert:hover,#Delete:hover,#Update:hover
{
     cursor:pointer;
     background-color:#33CCFF;
}

5 コントロールの場合、属性を使用して次のことを行うことができます。スタイルを読み込む

1 style 属性を使用して、style =" width:auto; height:auto; margin-left:auto; margin-right:auto;"

2 クラスを使用して、 head

3 CssClass を使用して head 内のスタイルを呼び出します

<style type="text/css">
    
     .Bt
      {
           width:80px;
           height:25px;
           border:none;
      }
       
       .Bt:hover
       {
           cursor:pointer;
           background-color:#33CCFF;
       }
       
       .closed
       {
            border-style: none;
            height:21px;
            width:21px;
            background-image: url(&#39;/Images/closed.png&#39;);
            background-repeat:no-repeat;
       }
       
       .closed:hover
       {
           cursor:pointer;
       }
    
    </style>

6 バックグラウンドのフロントボタンにスタイルを追加します

bt.Attributes.CssStyle.Value = "background-color:Gray;";

7 反復書き込み

を使用して、メニューの下のULの下のLiのスタイル

#Menu ul li
		{
			width:100%;
			
			border:1px dotted gray;
			margin:0;
			padding:0;
		}

以上がASP.NET での CSS スタイルの使用の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：CSS の 3 つの基本的な位置決めメカニズムの詳細な説明次の記事：CSS の 3 つの基本的な位置決めメカニズムの詳細な説明

続きを見る