背景颜色分为两类:
1.background-color:transparent 可理解为透明色
2.background-color:指定颜色 可指定具体颜色
背景图片分为两类:
1.background-image:none 可理解为没有或者默认
2.background-image:url(图片路径) 可设具体图片
图片平铺分为4类:
1.background-repeat:repeat 完全平铺(默认方式)
2.background-repeat:norepeat 不平铺,显示原本图片大小
3.background-repeat:repeat-x 沿x轴方向平铺
4.background-repeat:repeat-y 沿y轴方向平铺
图片位置分为两类:
1.background-position:数值
若指定一个值百分比,则代表x轴的,y轴默认50%。
若指定两个百分比,则前一个代表x轴的,后一个代表y轴的。
2.background-position:英文单词,top,center.......
//style.css
a{text-decoration:none}
p{line-height:50px; text-indent:1cm;letter-spacing:0.1cm;layout-flow:vertical-ideographic;direction:rtl}
table{
text-align:center;
background-color:#fba;
background-image:url(E:/1.jpg);
background-repeat:no-repeat;
background-position:10%
}
<html>
<head>
<title>字体样式的具体应用</title>
<link rel = "stylesheet" href = "style.css" type = "text/css"/>
</head>
<body>
<table width = 50% height = "300" border = 1>
<tr>
<td>you</td>
<td>me</td>
</tr>
</table>
<p>
也许我还“清醒”的记得,在表格时代,用一个字一个来弄个文字竖排的假象。一直以为只有在中才实现的很完美(所谓的完美是指鼠标放上去的时候的鼠标光标显示为横的),而网页中在记忆里似乎没有哪个标签可以实现此功能,还好,到了时代,的伟大神奇把一切推向了前进!
</p>
</body>
</html>