>  기사  >  웹 프론트엔드  >  ASP.NET에서 CSS 스타일 사용

ASP.NET에서 CSS 스타일 사용

零下一度
零下一度원래의
2017-04-27 13:55:442107검색

1 링크 태그를 사용하여 스타일을 호출합니다. 즉, CSS 파일에서 스타일을 호출합니다. 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 특정 컨트롤을 수정하려면 스타일을 설정하려면 #

을 사용합니다. 예: defaullt.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=" 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 반복 쓰기

를 사용하여 설정을 표현할 수 있습니다. 메뉴

#Menu ul li
		{
			width:100%;
			
			border:1px dotted gray;
			margin:0;
			padding:0;
		}
아래 ul 아래의 li 스타일

위 내용은 ASP.NET에서 CSS 스타일 사용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.