CSS 设置背景的位置 1.关键字

提问人：刘团圆发布时间：2020-11-18

可以通过设置关键字来设置background-position属性的值，它由两个关键字组成。第一个关键字是在横向上进行设置，第二个值是在纵向上逬行设置，它们是：

• top left：左上。

• top center：上中。

• top right：上右。

• center left：中左。

• center center: 正中。

• center right：中右。

• bottom left：下左。

• bottom center:下中。

• bottom right：下右。

如果仅规定了一个关键词，那么第二个值将是center。

【例题】使用关键字

代码如下：

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

<style>

div{

width: 500px;

height: 500px;

border:2px solid red;

background-image: url(img/01.jpg);

background-repeat: no-repeat;

}

</style>

</head>

<body>

<p>使用关键字设置背景图片的位置</p>

</body>

</html>

相关视频回答

点击加载更多评论>>