老师讲的第二段
实例
<!doctype html>
<html>
<head>
<meta charset = "utf-8">
<title>文本控制</title>
<style type = "text/css">
p{font-weight:bold;、/*定义粗体*/
font-size:30px;/*定义大小*/
font-family:楷体;
text-align:left;}
h1{text-align:center;height:40px;background:#ccc;line-height:100px;}
span{font-size:40px;font-weigh:bold;font-family:georgia;}
img{width:300px;height:400px;}
b{display :block;width:300px;height:40px;background:pink;overflow:hidden;margin-bottom:100px;}
/* 内容会被隐藏 超出设置的部分*/
b:hover{overflow:visible;}
/*隐藏的东西会被呈现出来*/
</style>
</head>
<body>
<h1>php中文网</h1>
<p>php中文网</p>
<br>
<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>
<P style = "display :inline-block;width:300px;height:400px;">Google 的免费翻译服务可提供简体中文和另外 100多种语言之间的互译功能,可让您即时翻译字词、短语和网页内容。</P>
<img src = "images/1.jpg">
<br>
<img src = "images/1.jpg">
<b >Google 的免费翻译服务可提供简体中文和另外 100多种语言之间的互译功能,可让您即时翻译字词、短语和网页内容。</b>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
