小练习 开班信息

最新推荐文章于 2023-06-30 01:26:50 发布
最新推荐文章于 2023-06-30 01:26:50 发布
阅读量143 收藏
点赞数
分类专栏： 前端学习 文章标签： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44194855/article/details/88876198
版权

image.png

具体代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>近期开班</title>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
        }
        .all{
            width: 300px;
            height: 470px;
            margin: 50px auto;
        }
        .top{
            width: auto;
            height: 3px;
            margin: 0 auto;
            background-color: #019e8b;
        }
        .title{
            width: auto;
            height: 35px;
            margin-bottom: 3px;
            background-color: #f5f5f5;
        }
        a{
            text-decoration: none;
        }
        a:hover{
            color: orange;
        }
        .content{
            margin: 7px 0 0 16px;
            float: left;
        }
        .content1{
            margin: 10px 23px 0 0;
            float: right;
            font-size: 12px;
        }
        .border{
            width: auto;
            height: 430px;
            margin: 0 auto;
            border: 1.5px #deddd9 solid;
        }
        .border1{
            font-size: 10px;
            margin: 16px 0 0 20px;
            float: left;
        }
        .border2{
            font-size: 12px;
            margin: 12px 0 0 20px;
            float: left;
        }
        .border2 span{
            color: red;
        }
        .border3{
            font-size: 12px;
            margin: 12px 16px 0 20px;
            color: red;
            float: right;
            font-weight: bold;
        }
        .border4{
            font-size: 12px;
            margin: 12px 16px 0 20px;
            float: right;
        }
    </style>
</head>
<body>
    <div class="all">
        <div class="top"></div>
        <div class="title">
            <div class="content">
                <p>近期开班</p>
            </div>
            <div class="content1">
                <p><a href="#">18年面授开班计划</a></p>
            </div>
        </div>
        <div class="border">
            <div class="border1">
                <h3><a href="#">人工智能+Python-高薪就业班</a></h3>
            </div>
            <div class="border2">
                <p><a href="#">开班时间：<span>2018-04-26</span></a></p>
            </div>
            <div class="border3">
                <p><a href="#">预约报名</a></p>
            </div>
            <div class="border2">
                <p><a href="#">开班时间：<span>2018-03-23</span></a></p>
            </div>
            <div class="border3">
                <p><a href="#">无座，名额爆满</a></p>
            </div>
            <div class="border2">
                <p><a href="#">开班时间：2018-01-23</a></p>
            </div>
            <div class="border4">
                <p><a href="#">开班盛况</a></p>
            </div>
            <div class="border2">
                <p><a href="#">开班时间：2017-12-20</a></p>
            </div>
            <div class="border4">
                <p><a href="#">开班盛况</a></p>
            </div>
            <div class="border2">
                <p><a href="#">开班时间：2017-11-18</a></p>
            </div>
            <div class="border4">
                <p><a href="#">开班盛况</a></p>
            </div>
<!---->
            <div class="border1">
                <h3><a href="#">Android开发+测试-高薪就业班</a></h3>
            </div>
            <div class="border2">
                <p><a href="#">开班时间：<span>2018-04-26</span></a></p>
            </div>
            <div class="border3">
                <p><a href="#">预约报名</a></p>
            </div>
            <div class="border2">
                <p><a href="#">开班时间：2018-03-23</a></p>
            </div>
            <div class="border4">
                <p><a href="#">开班盛况</a></p>
            </div>
            <div class="border2">
                <p><a href="#">开班时间：2018-01-23</a></p>
            </div>
            <div class="border4">
                <p><a href="#">开班盛况</a></p>
            </div>
            <div class="border2">
                <p><a href="#">开班时间：2017-12-20</a></p>
            </div>
            <div class="border4">
                <p><a href="#">开班盛况</a></p>
            </div>
            <div class="border1">
                <h3><a href="#">大数据软件开发-青芒工作室</a></h3>
            </div>
            <div class="border2">
                <p><a href="#">开班时间：<span>2018-04-26</span></a></p>
            </div>
            <div class="border3">
                <p><a href="#">预约报名</a></p>
            </div>
            <div class="border2">
                <p><a href="#">开班时间：2018-01-23</a></p>
            </div>
            <div class="border4">
                <p><a href="#">开班盛况</a></p>
            </div>
        </div>
    </div>
</body>
</html>
杨壹朝
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
开班
03-02
DUCK HUNT JS v3.0 ... 它使用PixiJS渲染引擎，Green Sock动画，Howler和Bluebird Promises。 渲染图 该游戏通过PixiJS渲染引擎支持WebGL和Canvas渲染。 声音的 ... 音频通过HowlerJS加载和控制。...该游戏中的动画是由精灵...
HTML练习—开班信息
老顽固也可爱
07-15 164
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>导航条</title> <style type="text/css"> /*清除默认样式*/ * { marg...
HTML 开班信息
weixin_47186832的博客
11-29 188
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>开班小练习</title> <style type="text/css"> /*在IE6浏览器里面，如果浮动元素的上面是内联元素，他也会.
java开班_java开班啦~步入程序员的第一步
weixin_35718671的博客
02-12 114
今天是开班的第一天，认识了新同学，大家虽然来自各个行业，但是都抱着对未来的向往走进课堂，毕业5年后重新走进教室，我觉得满满的力量，内心也不再迷茫，我一定会努力珍惜这次机会~一天的时间过的很快很充实，今天学了些最基本的内容，总结如下：1、什么是HTML2、文档声明3、HTML、head、body4、head:编码格式5、发展历史6、网页的组成：结构、表现、行为7、颜色：#000000 16进制8...
Java基础阶段综合练习
十里の清风
01-21 2574
转载文章源地址： Java基础阶段综合练习    https://www.cnblogs.com/hd976521/archive/2017/02/10/6387514.html （转载过来，以备后用 O(∩_∩)O） package com.模拟练习题一; import java.io.BufferedReader; import java.io.BufferedWriter;
开班典礼
ShenShiampMoYi的专栏
08-04 170
学习方法 练习上课内容 第一遍你先按照老师的视频还有源码去敲一遍 第二遍脱离老师的代码和视频再敲一遍 第三遍希望大家根据自己的理解去敲一遍 把上课的内容以文章的形式发表到博客上 梳理知识，加强理解 复习 有意识的去做一个博主，吸收粉丝 课后作业 内存 行动或思考时作为目标的人或事物 存的是对象 id 类型（type） 值（value） import copy #exp1 a = ['abc','efg','123'] b = ['abc','efg','123'
mysql查询练习
qq_44690575的博客
07-19 1589
mysql查询练习 1.建表准备工作 1.1新建一个查询用的数据库:selectTest CREATE DATABASE selectTest; 1.2选择该数据库: USE selectTest; 学生表:student 学号 姓名 性别 出生日期 所在班级 CREATE TABLE student( s_no VARCHAR(20) PRIMARY KEY COMMENT'学生学号', s_name VARCHAR(20) NOT NULL COMMENT'学生姓名 不能为空',
pr1.1-开班总结
2203_75300307的博客
06-30 32
介绍剪辑学习的一些重要的地方：1.学习要求 2.挣钱渠道 3.个人主页IP
crmeb知识付费uniapp重构 适配小程序 APP 微信H5
weixin_42387033的博客
08-09 772
crmeb知识付费uniapp重构 适配APP 微信H5 小程序 持续更新中
简单页面练习
b150461的博客
10-24 362
目标图片： 实际效果图片：
客户关系管理开班课.pptx
09-21
客户关系管理开班课.pptx
整理网络信息技术培训班开班演讲.doc
09-15
整理网络信息技术培训班开班演讲.doc
01开班典礼.pptx
最新发布
07-16
01开班典礼
物理与电子信息工程学院2015级电子信息工程专业(物联网方向)开班仪式举行.pdf
08-24
物理与电子信息工程学院2015级电子信息工程专业(物联网方向)开班仪式举行.pdf
HTML中转义字符及超链接的使用
weixin_44194855的博客
03-20 1922
实体（转义字符） 在编写过程中我遇到必须使用的大于或小于符号这时浏览器会将它解析为标签，这时候就用到转义字符 语法 &实体名； 字符实体 符号 写法 < &lt; > &gt; © &copy; " &quot; 空格 &nbsp; ® &reg; & &amp; ™ ...
HTML中盒子模型用法
weixin_44194855的博客
03-25 1744
盒子模型 在网页中一切的物体都可以以盒子相称网页就是由多个盒子组成 ##盒子 CSS处理网页时，它认为每个元素都包含在一个不可见的盒子里，那么对网页的布局就相当于摆放盒子，只需要摆放好盒子就可以完成网页的布局啦！是不是感觉很简单呢 ##盒子模型 一个盒子会分成四个部分： 内容区（content） 内边距（padding） 边框（border） 外边距（margin） 如图片所示 内容区 ...
前端介绍及常用标签属性
weixin_44194855的博客
03-19 1120
前端架构分析 开发流程 设计页面样板–>前端工程师将样板做成静态网页–>后端工程师将静态网页修改为动态网页 ##C/S架构 B/S架构 B/S架构顾名思义就是 B代表浏览器，则S代表服务器的意思 2.B/S架构就是说以网址的形式使用，将运算 操作等储存到远程服务器 W3C标准 **W3C标准是由万维网联盟所制定及修改 1.结构（HTML） 用于描述页面结构 2.表现（CSS)...
JS 定时器弹框
weixin_44194855的博客
04-15 735
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>定时器弹框</title> <style type="text/css"> .pop{ width: 400px; height: 300px; b...
城市运行精细化一网统管开班动员
04-05
6月30日，由国家发改委城市发展司主办，中国城市规划设计研究院承办的“城市运行精细化一网统管”培训班在北京开班动员。 本次培训班旨在推动城市运行精细化管理，探讨城市智慧化运营模式，提高城市管理水平和服务...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值