使用ASP.NET的外观文件(skin)与css样式表

子非鱼，安知鱼之乐~

于 2022-05-17 01:00:52 发布

阅读量1k

点赞数 1

分类专栏： web 文章标签： css 前端 html

本文链接：https://blog.csdn.net/qq_45935715/article/details/124811769

版权

本文介绍了如何在ASP.NET中使用外观文件(skin)和CSS样式表来定制网页样式。首先，通过在App_Themes目录下创建皮肤和CSS文件来管理样式。接着，详细阐述了如何在皮肤文件中设置CSS样式，以及在HTML控件中应用这些皮肤。内容包括HTML控件的编写、皮肤文件的编写和皮肤样式的设定，提供了具体的代码示例。

摘要由CSDN通过智能技术生成

使用ASP.NET的外观文件(skin)与css样式表

题目

请使用ASP.NET的外观文件(skin)与css样式表的技巧，将以下网页的样式产生出来。
在这里插入图片描述

涉及知识

1.制作皮肤

资源管理器–>创建App_Themes–>创建Skin–>新建项、新建css文件
在这里插入图片描述
注意 Theme=“Skin” 是指Skin目录

<%@ Page Language="C#" AutoEventWireup="true" Theme="Skin"  CodeFile="2-skin.aspx.cs" Inherits="homework5._2_skin" %>

2.皮肤里设置css样式

一、运行截图

在这里插入图片描述

二、代码实现

1.html 编写控件

代码如下（示例）：


<%@ Page Language="C#" AutoEventWireup="true" Theme="Skin"  CodeFile="2-skin.aspx.cs" Inherits="homework5._2_skin" %> 

<!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>2-制作皮肤</title>
</head>

<body>
    <form id