Prefacio
Al tocar el solomillo, necesitamos crear una hoja de estilo para que ventanas funcionales similares puedan aplicar la misma hoja de estilo.
1. Descripción y solución del problema
Después de editar la hoja de estilo y aplicarla al formulario web, la página web no puede mostrar el estilo aplicado.
Hoja de estilo:
#top, #search {/*公共样式*/
width: 760px;
margin:10px auto 10px auto;
}Contenido de formulario web incorrecto
<div id=" top">
<a href ="http://www.tg029.com " ><img src="images/niunanlogo.jpg" /></a>
</div>
<div id=" search">
搜索条件：
<asp:TextBox ID="txtKey" runat="server"></asp:TextBox>
<asp:ImageButton ID="ibtnSearch" ImageUrl="images/search.gif" runat="server" />
</div>Corregir el contenido del formulario web
<div id="top">
<a href ="http://www.tg029.com " ><img src="images/niunanlogo.jpg" /></a>
</div>
<div id="search">
搜索条件：
<asp:TextBox ID="txtKey" runat="server"></asp:TextBox>
<asp:ImageButton ID="ibtnSearch" ImageUrl="images/search.gif" runat="server" />
</div>Después de la comparación, se puede encontrar que se escribe un espacio adicional en el formulario web antes de la parte superior de la etiqueta y la búsqueda , lo que hace que la hoja de estilo no se use normalmente.
En segundo lugar, cómo aplicar hojas de estilo en formularios Web Forms
1. Primero puede ver la hoja de estilo y el formulario web en la siguiente figura.
2. Estilo de aplicación:
(Método 1: simplemente arrastre la hoja de estilo justo debajo de la etiqueta del título directamente)
(Método 2: copie la hoja de estilo y péguela)
Resultados de la aplicación:
3. A continuación, podemos escribir los estilos que necesitamos en la hoja de estilo, por ejemplo:
#top, #search {/*公共样式*/
width: 760px;
margin:10px auto 10px auto;
}