Blogger Information
Blog 6
fans 0
comment 0
visits 3473
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
html文本标签学习2
戴戴和乐乐的博客
Original
634 people have browsed it

老师讲的第二段

实例

<!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>

运行实例 »

点击 "运行实例" 按钮查看在线实例

Correction status:qualified

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post