HTML/CSS测试代码一

最新推荐文章于 2024-03-18 11:28:08 发布

chongshangyunxiao321

最新推荐文章于 2024-03-18 11:28:08 发布

阅读量1.1k

点赞数

分类专栏： Web前端开发文章标签： html css 测试网站设计

本文链接：https://blog.csdn.net/chongshangyunxiao321/article/details/51115055

版权

学完以下这些模块，基本上已经熟悉HTML、CSS啦，只要多加练习，就能孰能生巧，学完这个就可以真正去学ASP.NET网站设计啦，加油！

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="MyFirstWeb.Login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">
    <title>武神赵子龙</title>
<style type="text/css">      
        .my1
        {  
            list-style-type:none  
        } 

        .li1
        {       
            float:left  
        }  

         .style28
        {
            width: 100%;
            border: 2px solid #0000FF;
         }

        .style29
        {
            width: 256px;
        }

        .style30
        {
            width: 257px;
        }

        .header1
        {   height:100px;
            background:blue;            
        }

        .header2
        {   height:100px;
            width:666px;
            background:green; 
            float:left;  
        }

        .header3
        {   height:100px;
            width:667px;
            background:red; 
            float:left;   
        }

        .header4
        {   height:100px;
            background:yellow; 
            clear:left;  
        }

        .container
        {
           width:1000px; 
           background:gray;
        }

        .header
        {
           height:200px;
           background:orange;      
        }

        .main
        {
            background:blue;
        }

        .lside
        {            
            width:700px;
            height:600px;            
            background:pink;
            float:left;     
        }

         .rside
        {         
            width:300px;
            height:600px;                     
            background:red;
            float:right;     
        }

        .font
        {                       
            background:yellow;
            height:200px;
            clear:left;            
        }

</style> 
</head>

<body>
    <form id="form1" runat="server">
    <div>
            <h2>欢迎进入我的地盘!</h2>
            <br/> 

            <h1 align="center"><i>我是歌手今晚7进5战火重燃!</i></h1>

            <asp:Image ID="Image1" runat="server" Height="300px"
                 ImageUrl="~/image1/t0135a6f7b5b41e2d73.jpg" Width="500px" ImageAlign=