HTML5 第六章盒子模型课后作业

最新推荐文章于 2024-07-03 16:55:21 发布

tb19930719

最新推荐文章于 2024-07-03 16:55:21 发布

阅读量7.1k

点赞数 8

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/tb19930719/article/details/80766171

本文展示了三个HTML5页面的实例：北大青鸟网站中心开班信息模块、商品分类列表页面和免费体验登入页面。通过CSS实现了背景渐变、图片背景、边框样式、悬停效果以及响应式布局等设计技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

制作北大青鸟网站中心开班信息模块<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>中心开班信息</title>
    <style>
        div{
            width: 300px;
            background: -moz-linear-gradient(lightskyblue,white);
            margin: 0px auto;
            border: 1px solid gray;
            border-radius: 8px;
        }
        h3{
            background: url("image/bg.gif") no-repeat 8px -2px;
            color: #FFFFFD;
            text-indent: 2.4em;
            padding-bottom: 10px;
            border-bottom-style: solid ;
        }
       li {
           line-height: 30px;
            list-style: none;
           text-indent: 0.8em;
           background: url("image/dotBg.gif ") no-repeat -11px;

        }
        a{
            text-decoration: none;
            color: #5c5857;
        }
        a:hover{
            color: #ff3300;
        }
        ul li{
            margin-left: -23px;