【CSS学习】--- 文本样式

  CSS文本属性可以定义文本的外观。通过文本属性,可以定义文本的颜色、字符间距,对齐文本,装饰文本,对文本进行缩进,等等。

CSS常用的文本属性目录:   文本对齐属性  
  首行缩进属性  
  行高属性  
  单词间隔属性  
  字符间隔属性  
  文本装饰属性  
  大小写转换属性  

 下面我们开始逐步学习CSS中的文本样式。

 

二、文本对齐:text-align

 

   text-align 属性只适用于块级元素和单元格元素,使用后块级标签里的内联元素会整体进行移动,而子块级元素或子单元格则会继承父元素的text-align属性。

属性值:

 

【CSS学习】--- 文本样式

小栗子:

【CSS学习】--- 文本样式

【CSS学习】--- 文本样式

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css</title> <style type="text/css"> table,td{border: solid #FF6699 1px} table{width: 500px;} span{background: #FF33CC;} .center{text-align: center;} </style> </head> <body> <table> <tr class="center"> <td colspan="2"> <img src="http://h5ip.cn/PUQa" width="300px" height="100px"> </td> </tr> <tr> <td class="center"><span>赵丽颖</span></td> <td><span class="center;">赵小刀</span></td> </tr> </table> </body> </html>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpppwg.html