丁德双的博客
用心的博客
简单基础的标签集合
2015-03-23 23:02:01   阅读746次

在某个自然段里,如果要特意标注出来某个字的颜色和字样,就需要用<font>标签单独标注出来,哪个特殊就用<font>标签圈出来

<p>老公我<font color=red size=6></font></p>

 

 

改变字体、字号、颜色  用<font>

<font size="6">6</font>

<font size="4">4</font>

<font color="red" size="5">红色的5</font>

<font face="黑体">黑体的字</font>

Size表示字体大小

Color表示字体的颜色

Face表示用什么字体

 

 

 

加粗,<b></b> bold

下划线,<u> </u> undline

斜体字  <i>  </i> italic

也是常用的文字效果,它们分别用<b>,<u>,<i>表示

 

 

段落

text-align:文本水平对齐方式

left:左对齐 right:右对齐

text-valign:文本垂直对齐方式

top:靠顶端对齐

middle:就中间对齐

bottom:靠底部对齐


首行缩进:text-indent

行高:line-height

 

 

边框:border  solid是连续实线边框 虚线边框 dashed





overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容,其用到的表现形式和值有以下几种

overflow: auto; 在需要时内容会自动添加滚动条
overflow: scroll; 总是显示滚动条
overflow-x: hidden; 禁止横向的滚动条
overflow-y: scroll; 总是显示纵向滚动条 

 

 

 

 

添加横线

<hr>标签用于在页面上添加横线。可以通过指定widthcolor属性来控制横线的长度和颜色。

 

border-collapsecollapse 边框会合并为一个单一的边框。Border-separate:边框分开

在Html合并单元格时,

使用的属性为: 

跨行合并:rowspan 

跨列合并: colspan.

nowrap:表示一个单元格跨站的行数;禁止对表格单元格内的内容自动断行


 <style>

    .code{border:solid 1px gray;border-collapse:collapse}

td{border:solid 1px gray;border-collapse:collapse}   

    font{color:red} 

 .ys{border: solid 1px red;color:blue;font-family:"黑体";background:yellow;}  

  </style>

 </head>

 <body>

   <table style="border:solid 1px gray;background-color:#eee;border-collapse:collapse;">

    <tr style="text-align:center;">

  <td colspan=5 class="ys">345565</td>

  

</tr>

<tr>

  <td rowspan=4 class="ys">345565</td>

  <td>345565</td>

  <td>345565</td>

  <td rowspan=4 class="ys"><font>来来来来来来</font></td>

  <td >345565</td>

  

</tr>

<tr>

  <td >345565</td>

  <td>345565</td>

  <td>345565</td>


 

</tr>

<tr>

  <td colspan=2 class="ys"><font>345565<font></td>

  <td>345565</td>



 

</tr>

<tr>

  <td>345565</td>

  <td>345565</td>

  <td>345565</td>

 

</tr>

   </table>

 </body>

图片1.png

http://wenku.baidu.com/link?url=ii6l8hGiIIPUHfkRbBxhZa_pNiXDUTxdtDAJIEEEPolIvvsFTWEExJ9PqadC5y1OhY5O1YKkTLNVM_C91st_pWg4x30p03xbtN76SgBjFvW




-----------------------------------------------------
转载请注明来源此处
原地址:#

-----网友评论----
暂无评论
-----发表评论----
微网聚博客乐园 ©2014 blog.mn886.net 鲁ICP备14012923号   网站导航