第五章 CSS3美化网页元素

最新推荐文章于 2025-05-22 18:00:58 发布

JiangMye

最新推荐文章于 2025-05-22 18:00:58 发布

阅读量1.5k

点赞数 4

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/JiangMye/article/details/80727321

1，制作北大青鸟课程介绍页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>北大青鸟</title>
    <style>

        body{background: linear-gradient(to left,#ececec,#ffffed);}
        div:nth-of-type(1){color: #5c9815;line-height: 30px;}
        div:nth-of-type(2){color: #f26522;line-height: 30px;}
        span{color: #FFFFFF}
        .title{background:#668800;}
        .title1{background: #0D7114}
        .title2{background:deepskyblue }
        .title3{background:blue }
        .title4{background:#220088;}
        .title5{background: #ff5511;}
        .title6{background: #FF0000;}
        .title7{background: #ff0088;}
        .title8{background: #880000;}
        .title9{background: #7700bb;}
        .title10{background: #550088;}
    </style>
</head>
<body>
<img src="css/title.gif">
<p><img src="css/img_01.png"></p>
<div><span class="title" >逆向课程设计：</span>以企业需求决定课程设计内容，确保训练
     内容及深度和企业需求<br>一致<br>
     <span class="title1">模拟学员学习路线：</span>强调难点和复杂技能点的反复训练，力求
     学习效果和学习体<br>验<br>
     <span class="title2">互联网作为教学环境：</span> 学员的日常教学和训练均在互联网线上进行<br>
     <span class="title3">学习挡板监控网上学习效果：</span> 每个学习阶段设置线上线下测试，