CSS入门背景样式的使用，背景颜色，背景图片，图片平铺，图片位置

最新推荐文章于 2024-06-17 10:49:59 发布

最爱林丽明小姐

最新推荐文章于 2024-06-17 10:49:59 发布

阅读量2.5k

点赞数 1

分类专栏： css

本文链接：https://blog.csdn.net/kissme_a/article/details/18811323

版权

css 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

背景颜色分为两类：

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>