html span代码作用,span代码使用教程

span代码使用教程

2018-12-06

格式： span style="具体代码">文字

代码： 字体大小控制

效果： 字体大小控制

说明： px 是字体单位，意思是“像素”，24px 指定字体大小为 24 像素，数值越大，字体越大。

代码： 字体颜色控制

效果： 字体颜色控制

说明： 其他常用颜色名有：red、green、yellow、white、black、gray、cyan，替换 blue 即可。

代码： 斜体

效果： 斜体

代码： 字体加粗

效果： 字体加粗

说明： 允许的值有：100-900 整百数(数值越大，字体月粗)、bold、bolder、lighter。

代码： 下划线

效果： 下划线

代码： 上划线

效果： 上划线

代码： 贯穿线

效果： 贯穿线

代码： 400% 的行高

效果： 400% 的行高

说明： 指定的百分数越到，行高越高。

代码： 红色背景，白色文字

效果： 红色背景，白色文字

代码： 带边框的文字

效果： 带边框的文字

说明： 2px - 边框宽度，solid - 边框样式(常见还有：dotted、dashed、double)，blue - 边框颜色。双线(double)只有指定边框为3 px以上(含)才能看出效果，点线(dotted)与虚线(dashed)效果差不多，只有在大尺寸下才能看清区别。(注：在 Firefox 下 dotted 与 dashed 的区别看的很清晰)

代码： 等待鼠标指针

效果： 等待鼠标指针

说明： 常见还有：all-scroll、crosshair、hand、move、help、not-allowed、progress。

来自http://hiletin.blog.163.com/

XHTML/HTML 教程/资料网址：

http://www.netvtm.com/w3/xhtml/(标准全面)

CSS 教程/资料网址：

http://www.netvtm.com/w3/css/(标准全面)

http://www.htmlhelp.com/zh/reference/css/(其中的 HTML 代码不够标准)

http://www.xhtmlhelp.net/css/(CSS 参考手册)

来自:http://hi.baidu.com/xiaodongxi133/blog/item/6edd66ee13572e3762d09f3e.html

免责声明：本文仅代表文章作者的个人观点，与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺，请读者仅作参考，并自行核实相关内容。

文字代码： 字体大小控制效果： 字体大小控制说明： px 是字体单位">

http://www.pinlue.com/style/images/nopic.gif