实例
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html文本控制</title>
<style>
p{
font-weight:bold;/* 定义字体粗体 */
font-size:30px;/* 定义字体大小 */
font-family:楷体;/* 定义字体类型 */
}
h1{
font-size:16px;
height:50px;
background:#eee;
text-align:center;/* 定义字体位置：left 左，right 右，center 居中 */
line-height:50px; /* 定义行高 */
}
span{
font-size:40px;/* 定义字体大小 */
font-weight:bold;/* 定义字体粗体 */
font-family: georgia;/* 定义字体类型 */
}
b{
display:inline-block;
width:300px;
height:40px;
background:pink;
overflow:hidden; /* 溢出隐藏：超出的定义的高度会被隐藏 */
}
b:hover{
overflow:visible;/* 鼠标移上去，被溢出隐藏的部分会显示出来 */
}
</style>
</head>
<body>
<h1>php中文网</h1>
<p class="span">php中文网</p>
<br><br><br>
<!-- 谷歌LOGO -->
<span style="color:#0388F1;">G</span>
<span style="color:rgb(245,28,39);">o</span>
<span style="color: #FFE80E;">o</span>
<span style="color:#0388F1;">g</span>
<span style="color:#39FF1B;">l</span>
<span style="color: #FFE80E;">e</span>
<br><br><br>
<b>据Engadget消息，谷歌可能让多款Chromebook支持Windows 10系统。谷歌正在研发一种新功能Campfire，它可让Pixelbook同时支持Chrome OS和Windows 10。前提是笔记本硬件必须达到运行Windows 10的最基本标准。此外安装Windows10至少需要40GB存储空，。
</b>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
手写代码：
图片布局代码：
实例
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>小案例</title>
<style>
*{margin:0;padding:0;}
.head{
width:800px;
margin:auto;
}
h1{
height:95px;
font-size:35px;
}
.p{
height:35px;
line-height:35px;
}
.p span{
display:inline-block;
width:135px;
height:35px;
color:#999;
font-size:14px;
}
.p img{
width:16px;
height:16px;
margin-left:590px;
}
.tu{
width:710px;
margin:auto;
text-align:center;
}
.tu span{
display:inline-block;
margin-top:20px;
}
.laiyuan{margin-top:30px;}
.dibu p a{
font-size:14px;
color:#06c;
}
.dibu p a:hover{
color:#e63939;
}
</style>
</head>
<body>
<div class="head">
<h1>黄晓明出借账户被卷股票操纵案 知情人：账户未冻结</h1>
<p class="p">
<span>2018-08-13 21:18</span>
<img src="2.png">
<a href="#">黄晓明</a>
</p>
<div class="tu">
<img src="3.jpeg" alt="">
<span>黄晓明（资料图）</span>
</div>
<p class="laiyuan">(来源：财新报)</p>
<br><br>
<div> <!-- 内容 -->
<p>
搜狐娱乐讯 8月13日，据财新报道，记者证实，证监会刚刚公布的获利近9亿元、罚没款高达18亿元的高勇股票操纵案中的自然人账户之一确实为影视明星黄晓明名下账户。
</p>
<br><br>
<p>
而接近监管层的人士表示，这些自然人账户的所有人如果仅仅是出借账户，并不知道账户被利用进行操纵，这些账户也不会被冻结。
</p>
<br><br>
<P>
8月10日晚，证监会通报了5宗操纵案件，其中，高勇控制16个账户，操纵“精华制*”，半年内股价暴涨300%，非法获利8.97亿，被证监会没收违法所得8.97亿元并处罚8.97亿元。
</P>
<br><br>
<P>
根据证监会通报，高勇控制的16个账户，这些账户是黄某、张某燕、张某、吴某江、倪素某、倪松某、姜某、黄某明、徐某、朴某娜、薛某、吴某丰、崔某欣、吴某等人的账户。
</P>
<br><br>
<P>
媒体“股票说”调查表示，名单中，黄某就是明星黄晓明：“黄某明账户开立后由其母亲张某霞管理使用。经路某介绍，张某霞将黄某明证券账户部分委托高勇管理，该账户涉案交易由高勇作出。黄晓明的母亲叫张素霞。黄晓明和母亲张素霞，跟证监会通报材料中的黄某明和其母亲张某霞，正好一一对应！”
</P>
<br><br>
<P>
黄晓明工作室对此发声明否认，称黄晓明不认识高某，未参与过任何操纵股票的行为；黄晓明未曾受过任何与股票有关的处罚，亦未介入过任何与股票有关的调查。黄晓明工作室还敦促相关方即刻删撤一切虚假信息，以免对公众造成误导并导致己方法律责任的承担。
</P>
<br>
</div>
<div class="dibu">
<p>
<img src="3.png" alt="">
<a href="#">返回搜狐，查看更多</a>
</p>
<br>
<br>
<br>
<span style="color:#999;font-size:12px;">声明：该文观点仅代表作者本人，搜狐号系信息发布平台，搜狐仅提供信息存储空间服务。</span>
</div>
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
图片布局图片：
