实例
<!DOCTYPE html>
<html>
<head>
<title>作业-HTML常用标签+CSS选择器</title>
<meta charset="utf-8">
<style type="text/css">
/*宽高设置自动，内外边距为0px*/
body{
width: auto;
height: auto;
padding: 0px;
margin: 0px;
background: #ccc;
}
/*对div容器设置宽高北京四等样式*/
#mian{
width: 730px;
height: auto;
padding: 20px;
margin: auto;
background: #fafffc;
}
/*把行内元素变为行内块元素*/
.info{
display: inline-block;
color: #ccc;
}
/*设置时间和来源之间的间距*/
#from{
padding-left: 15px;
}
/*名字向右浮动，改变颜色*/
#name{
float: right;
font-weight: bold;
font-size: 16px;
color: lightblue;
}
/*设置主图片宽高，因为是满屏的，mian是730px，所以图片宽度也为730px*/
img{
width: 730px;
height: 410px;
}
.zeren{
text-align: right;
font-weight: bold;
font-size:16px;
color: #51534d;
}
.shengming{
font-size:14px;
font-weight: bold;
color: #818a79;
}
</style>
</head>
<body>
<!-- 首先写一个打的div做整个页面的容器 -->
<div id="mian">
<!-- h1是标题标签，块级元素，独占一行 -->
<h1>黄晓明出借账户被卷股票操纵案 知情人:账户未冻结</h1>
<!-- 用span标签写时间，来源 -->
<span class="info" id="date">2018-08-13 21:18</span>
<span class="info" id="from">来源:搜狐娱乐</span>
<span class="info" id="name">黄晓明</span>
<h4>原标题：黄晓明出借账户被卷股票操纵案 知情人：账户未冻结</h4>
<img src="1.jpg" title="黄晓明" alt="黄晓明">
<p align="center">黄晓明（资料图）</p>
<p>（来源：财新报）</p>
<P>搜狐娱乐讯 8月13日，据财新报道，记者证实，证监会刚刚公布的获利近9亿元、罚没款高达18亿元的高勇股票操纵案中的自然人账户之一确实为影视明星黄晓明名下账户。</P>
<P>而接近监管层的人士表示，这些自然人账户的所有人如果仅仅是出借账户，并不知道账户被利用进行**场操纵，这些账户也不会被冻结。</P>
<P>8月10日晚，证监会通报了5宗**操纵案件，其中，高勇控制16个账户，操纵“精华制*”，半年内股价暴涨300%，非法获利8.97亿，被证监会没收违法所得8.97亿元并处罚8.97亿元。</P>
<P>根据证监会通报，高勇控制的16个账户，这些账户是黄某、张某燕、张某、吴某江、倪素某、倪松某、姜某、黄某明、徐某、朴某娜、薛某、吴某丰、崔某欣、吴某等人的账户。</P>
<P>媒体“股票说”调查表示，名单中，黄某就是明星黄晓明：“黄某明账户开立后由其母亲张某霞管理使用。经路某介绍，张某霞将黄某明证券账户部分委托高勇管理，该账户涉案交易由高勇作出。黄晓明的母亲叫张素霞。黄晓明和母亲张素霞，跟证监会通报材料中的黄某明和其母亲张某霞，正好一一对应！”</P>
<P>黄晓明工作室对此发声明否认，称黄晓明不认识高某，未参与过任何操纵股票的行为；黄晓明未曾受过任何与股票有关的处罚，亦未介入过任何与股票有关的调查。黄晓明工作室还敦促相关方即刻删撤一切虚假信息，以免对公众造成误导并导致己方法律责任的承<br>担。
<a href="http://fanhuisouhu.com">返回搜狐，查看更多</a>
</P>
<p class="zeren">责任编辑:刘爱迪UN918</p>
<p class="shengming">声明：该文观点仅代表作者本人，搜狐号系信息发布平台，搜狐仅提供信息存储空间服务。</p>
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例