1114作业 html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML文档</title>
<style>
body {
margin: 0;
}
.clearfix:after {
content: '';
clear: both; /*左右两边都不能有浮动的元素*/
display: block;
}
.left {
width: 25%;
height: 1000px;
background-color: rgba(36,36,35,0.87);
float: left;
}
.right {
width: 75%;
height: 1000px;
/*background-color: aliceblue;*/
background-color: rgba(128,126,126,0.18);
float: left;
}
.head {
width: 150px;
height: 150px;
border: 5px solid white;
border-radius: 50%;
margin: 20px auto;
overflow: hidden;
}
.head img {
max-width: 100%;
}
#name {
width: 320px;
text-align: center;
font-size: 14px;
color: rgba(180,188,195,0.52);
}
.msg {
margin-top: 60px;
width: 320px;
text-align: center;
font-size: 19px;
color: rgba(180,188,195,0.52);
}
.content {
background-color: white;
height: 155px;
width: 880px;
margin: 10px 20px 10px 15px;
padding: 0 10px;
box-shadow: 10px 10px 5px #888888;
}
.content .title {
font-size: 24px;
border-left: red solid 3px;
height:35px;
margin-left: -10px;
padding-top: 5px;
padding-left: 10px;
}
.content span {
float: right;
font-size: 12px;
margin-top: 5px;
/*font-family: 隶书;*/
}
.content1 {
padding-left: 10px;
}
.content2 {
padding-left: 10px;
}
</style>
</head>
<body>
<div class="left clearfix">
<div class="head"><img src="头像.jpg" alt=""></div>
<div id="name">
<p>胖子布莱尼</p>
<p>人生不如意十有八九 而你是一二。</p>
</div>
<div class="msg">
<p>关于我</p>
<p>微博</p>
<p>微信公众号</p>
</div>
<div class="msg">
<p># Python</p>
<p># HTML</p>
<p># MySQL</p>
</div>
</div>
<div class="right clearfix">
<div class="content">
<p class="title">标题一<span>2019-11-14</span></p>
<p class="content1">鹅鹅鹅,曲项向天歌,白毛浮绿水,红掌拨清波</p>
<hr>
<p class="content2"># Pyhton # HTML</p>
</div>
<div class="content">
<p class="title">标题一<span>2019-11-14</span></p>
<p class="content1">鹅鹅鹅,曲项向天歌,白毛浮绿水,红掌拨清波</p>
<hr>
<p class="content2"># Pyhton # HTML</p>
</div>
<div class="content">
<p class="title">标题一<span>2019-11-14</span></p>
<p class="content1">鹅鹅鹅,曲项向天歌,白毛浮绿水,红掌拨清波</p>
<hr>
<p class="content2"># Pyhton # HTML</p>
</div>
<div class="content">
<p class="title">标题一<span>2019-11-14</span></p>
<p class="content1">鹅鹅鹅,曲项向天歌,白毛浮绿水,红掌拨清波</p>
<hr>
<p class="content2"># Pyhton # HTML</p>
</div>
<div class="content">
<p class="title">标题一<span>2019-11-14</span></p>
<p class="content1">鹅鹅鹅,曲项向天歌,白毛浮绿水,红掌拨清波</p>
<hr>
<p class="content2"># Pyhton # HTML</p>
</div>
</div>
</body>
</html>
1114作业 html的更多相关文章
- 作业成绩 final 20161124-1201 09:00
final阶段,20161124-1201 09:00. 申诉截止时间 20161206 12:00,微信联系杨贵福. 凡描述需求或BUG时,应给出以下4项: 你期待看到的现象如何 你实际看到的现象 ...
- 第三次作业——K米评测
第一部分 调研,评测 1.第一次上手体验 其实让我下载一个APP并且长期使用它是一件特别难的事情,不仅是因为占空间,需要注册个人信息,绑定账号,更是因为每款软件的功能虽然都很齐全,但是你并在没有真正用 ...
- BUAA软工个人作业Week3-案例分析
一. 调研评测 评测项目:为了联系移动和PC版,我同时下载了必应词典的Android版本和UWP版本,选择UWP的原因是想看看微软推广的UWP在微软自己的应用上的效果.当然主要是对安卓的测评(UWP用 ...
- python10作业思路及源码：类Fabric主机管理程序开发（仅供参考）
类Fabric主机管理程序开发 一,作业要求 1, 运行程序列出主机组或者主机列表(已完成) 2,选择指定主机或主机组(已完成) 3,选择主机或主机组传送文件(上传/下载)(已完成) 4,充分使用多线 ...
- SQLServer2005创建定时作业任务
SQLServer定时作业任务:即数据库自动按照定时执行的作业任务,具有周期性不需要人工干预的特点 创建步骤:(使用最高权限的账户登录--sa) 一.启动SQL Server代理(SQL Server ...
- 使用T-SQL找出执行时间过长的作业
有些时候,有些作业遇到问题执行时间过长,因此我写了一个脚本可以根据历史记录,找出执行时间过长的作业,在监控中就可以及时发现这些作业并尽早解决,代码如下: SELECT sj.name , ...
- T-SQL检查停止的复制作业代理，并启动
有时候搭建的复制在作业比较多的时候,会因为某些情况导致代理停止或出错,如果分发代理时间停止稍微过长可能导致复制延期,从而需要从新初始化复制,带来问题.因此我写了一个脚本定期检查处于停止状态的分 ...
- Python09作业思路及源码：高级FTP服务器开发（仅供参考）
高级FTP服务器开发 一,作业要求 高级FTP服务器开发 用户加密认证(完成) 多用户同时登陆(完成) 每个用户有不同家目录且只能访问自己的家目录(完成) 对用户进行磁盘配额,不同用户配额可不同(完成 ...
- 个人作业week3——代码复审
1. 软件工程师的成长 感想 看了这么多博客,收获颇丰.一方面是对大牛们的计算机之路有了一定的了解,另一方面还是态度最重要,或者说用不用功最重要.这些博客里好些都是九几年或者零几年就开始学习编 ...
随机推荐
- python编程基础之二十三
集合:和数学里面完全一样的,不允许有重复元素,如果添加重复元素,就会被过滤,可以进行交并差的运算 集合是可变对象 本质:无需且无重复的数据结构 创建集合 s1 = set() 括号里面可以放可迭代 ...
- 重磅发布 | 全球首个云原生应用标准定义与架构模型 OAM 正式开源
作者: OAM 项目负责人 导读:2019 年 10 月 17 日,阿里巴巴合伙人.阿里云智能基础产品事业部总经理蒋江伟(花名:小邪)在 Qcon 上海重磅宣布,阿里云与微软联合推出开放应用模型 Op ...
- 素数与Miller-Rabin测试
素数及其性质 素数又称质数.指整数在一个大于 111 的自然数中,除了 111 和此整数自身外,没法被其他自然数整除的数. 性质1 有无穷多个素数. 证明: 用反证法.设已知的最大素数为 PPP,考虑 ...
- libevent环境搭建
环境 VS2017.ubuntu16.04 官网网址:http://www.linuxfromscratch.org/blfs/view/svn/basicnet/libevent.html 下载 ...
- 19.Tomcat集群架构
1.Nginx+Tomcat集群架构介绍 2.Nginx+Tomcat集群架构实战 [root@lb01 conf.d]# cat proxy_zrlog.cheng.com.conf upstrea ...
- 本月16日SpringBoot2.2发布，有哪些变化先知晓
本月(2019年10月16日)Spring Boot 2.2已经正式发布了!在此篇文章中,将给大家介绍一下2.2版为大家带来了哪些重要的新变化.笔者用心书写,希望阅读完成之后转发关注,你的支持是我不竭 ...
- Redis事务深入解析和使用
作为关系型数据库中一项非常重要的基础功能--事务,在 Redis 中是如何处理并使用的? 1.前言 事务指的是提供一种将多个命令打包,一次性按顺序地执行的机制,并且保证服务器只有在执行完事务中的所有命 ...
- Java 根据权重获取数据 基础 极简 准确率高
package sl; import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.ut ...
- web开发资源导航
实用工具 前端在线工具 兼容性速查 html5兼容性查询 node-es6支持度 es6兼容性表查询 设备es6支持度 游览器H5支持度 浏览器内核检测工具 手机设备信息检测 浏览器市场份额 文档手册 ...
- 设计模式（九）Bridge模式
Bridge模式就是将类的功能层次结构和类的实现层次结构连接起来. 类的功能层次结构就是根据实际非抽象类来说的,也就是父类具有基本功能,然后在子类中增加新功能.用于增加新功能. 类的实现层次结构就是根 ...