[C#/ASP.NET] Web.config 파일을 사용해 테마 설정하기


<?xml version="1.0" encoding="utf-8"?>
<configuration>
    <system.web>
        <pages theme="Red" />
        <compilation
            targetFramework="4.6"
            debug="true" />
        <httpRuntime targetFramework="4.6" />
    </system.web>
</configuration>

1

2

3

4

5

6

7

8

9

10

11

12

<?xml version="1.0" encoding="utf-8"?>

<system.web>

<compilation

targetFramework="4.6"

debug="true" />

</system.web>

</configuration>


<asp:Button runat="server"
    BorderWidth="1px"
    BorderStyle="Dashed"
    BorderColor="Blue"
    BackColor="Yellow"
    ForeColor="Blue" />

<asp:Button SkinID="Bold" runat="server"
    BorderWidth="1px"
    BorderStyle="Dashed"
    BorderColor="Blue"
    BackColor="Yellow"
    ForeColor="Blue"
    Font-Bold="True" />

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<asp:Button runat="server"

BorderWidth="1px"

BorderStyle="Dashed"

BorderColor="Blue"

BackColor="Yellow"

ForeColor="Blue" />

<asp:Button SkinID="Bold" runat="server"

BorderWidth="1px"

BorderStyle="Dashed"

BorderColor="Blue"

BackColor="Yellow"

ForeColor="Blue"

Font-Bold="True" />


body
{
    color : blue;
}

1

2

3

4

5

6

body

{

color : blue;

}


<asp:Button runat="server"
    BorderWidth="1px"
    BorderStyle="Dashed"
    BorderColor="Red"
    BackColor="Yellow"
    ForeColor="Red" />

<asp:Button SkinID="Bold" runat="server"
    BorderWidth="1px"
    BorderStyle="Dashed"
    BorderColor="Red"
    BackColor="Yellow"
    ForeColor="Red"
    Font-Bold="True" />

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<asp:Button runat="server"

BorderWidth="1px"

BorderStyle="Dashed"

BorderColor="Red"

BackColor="Yellow"

ForeColor="Red" />

<asp:Button SkinID="Bold" runat="server"

BorderWidth="1px"

BorderStyle="Dashed"

BorderColor="Red"

BackColor="Yellow"

ForeColor="Red"

Font-Bold="True" />


body
{
    color : red;
}

1

2

3

4

5

6

body

{

color : red;

}


<%@ Page
    Language="C#"
    AutoEventWireup="true"
    CodeBehind="MainPage.aspx.cs"
    Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Web.config 파일을 설정해 테마 설정하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                스킨 적용 페이지
                <hr />
                <asp:Button ID="button1" runat="server"
                    Text="스킨 적용 버튼" />
                <asp:Button ID="button2" runat="server"
                    SkinID="Bold"
                    Text="SkinID 적용 버튼" />
            </div>
        </form>
    </body>
</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

<%@ Page

Language="C#"

AutoEventWireup="true"

CodeBehind="MainPage.aspx.cs"

Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>Web.config 파일을 설정해 테마 설정하기</title>

</head>

<body>

<div>

스킨 적용 페이지

<hr />

<asp:Button ID="button1" runat="server"

Text="스킨 적용 버튼" />

<asp:Button ID="button2" runat="server"

SkinID="Bold"

Text="SkinID 적용 버튼" />

</div>

</form>

</body>

</html>


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
    }
}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

}