实例
<!DOCTYPE html>
<html>
<head>
<title>魔方公寓获得1.5亿美元D轮融资</title>
<meta charset="utf-8">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<style type="text/css">
*{margin: 0; padding: 0;}/*凡是这样带星号的都是赋予全局*/
div{
/*居中*/
margin:100px auto;/*在这段代码中我们可以看出来，margin它一共可以赋予的值是4个，按照顺序是：上、右、下、左。但是现在这段代码的作用是居中的意识*/
width: 700px;
height: 200px;
}
h1{
font-family: 宋体;
}
abbr{
text-decoration: none; /*这个是去掉下划线*/
color: #52F7F2;
/*font-size: 80;*/
}
p{
font-size: 12;
font-family: 宋体;
}
img{
width: 700px;
margin: 40px 0;
}
.b{
line-height: 20px; margin-bottom: 20px;
}
</style>
</head>
<body>
<div>
<h1>魔方公寓获得1.5亿美元D轮融资，未来将运营人才公寓和公租房 | 钛快讯</h1>
<p style="color: #ccc; line-height: 50px; "><abbr title="杨庭贵">杨庭贵</abbr> . 2019-3-11 13:55</p><!-- 在这句当中<p>标签起到的作用是段落，然而<abbr>它的作用是超文本标记语言，当你鼠标已过去的时候就会出现一个影子，的浮现。 -->
<!-- text-align: center这个是表示居中例子未w3c网上直接搜即可知道 -->
<p style="text-align: center;background: #f2f2f2; line-height: 50px;"><b>摘要： </b>新一轮融资到手后，魔方将参与到城市人才公寓建设和公租房运营管理与行业规则的制定。</p><!-- line-height它是表示 行高的意思 -->
<img src="1.jpeg" alt="这是一张logo图">
<p class="b"> <b>钛媒体快讯 | 3月11日消息：</b>钛媒体获悉，魔方生活服务集团获得由加拿大机构基金管理公司CDPQ投资的1.5亿美元的D轮融资。</p>
<p class="b">公开资料显示，魔方生活服务集团是国内的集中式长租公寓的代表，也是最早一批投身连锁长租公寓行业的创业公司。根据魔方公寓提供的信息，目前魔方是国内在营房量最大、营业收入最高的集中式公寓运营商。旗下产品包括面对都市白领的魔方公寓，面向企业蓝领的9号楼公寓，立足中高端的摩尔公寓以及面向年轻用户的V客青年公寓。</p>
<p class="b">公开资料显示，魔方生活服务集团是国内的集中式长租公寓的代表，也是最早一批投身连锁长租公寓行业的创业公司。根据魔方公寓提供的信息，目前魔方是国内在营房量最大、营业收入最高的集中式公寓运营商。旗下产品包括面对都市白领的魔方公寓，面向企业蓝领的9号楼公寓，立足中高端的摩尔公寓以及面向年轻用户的V客青年公寓。</p>
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
