【asp.net】background属性

目录

• 一、更改元素背景色
  • 1、元素背景色
  • 2、背景色从元素中的文本向外延伸
• 二、背景图像
  • 1、设置方式
  • 2、为一个段落应用背景
  • 3、行内元素设置背景图像

 

---

回到顶部

一、更改元素背景色

可以为所有元素设置背景色，这包括 body 一直到 em 和 a 等行内元素。

1、元素背景色

p {background-color: gray;}

2、背景色从元素中的文本向外延伸

只需增加一些内边距：

p {background-color: gray; padding: 20px;}

回到顶部

二、背景图像

1、设置方式

（1）添加url

body {background-image: url(/i/eg_bg_04.gif);}

大多数背景都应用到 body 元素，不过并不仅限于此。

（2）背景图像平铺

可以使用 background-repeat 属性。
属性值 repeat 导致图像在水平垂直方向上都平铺；
repeat-x 和 repeat-y 分别导致图像只在水平或垂直方向上重复；
no-repeat 则不允许图像在任何方向上平铺。

默认地，背景图像将从一个元素的左上角开始。请看下面的例子：

body
{
    background-image: url(/i/eg_bg_03.gif);background-repeat: repeat-y;
}

（3）改变图像在背景中的位置

下面的例子在 body 元素中将一个背景图像居中放置：

body
{
      background-image:url('/i/eg_bg_03.gif');
      background-repeat:no-repeat;background-position:center;
}

为 background-position 属性提供值有很多方法。
首先，可以使用一些关键字：top、bottom、left、right 和 center。通常，这些关键字会成对出现，不过也不总是这样。
还可以使用长度值，如 100px 或 5cm，最后也可以使用百分数值。不同类型的值对于背景图像的放置稍有差异。

2、为一个段落应用背景

p.flower {background-image: url(/i/eg_bg_03.gif);}

3、行内元素设置背景图像

下面的例子为一个链接设置了背景图像：

a.radio {background-image: url(/i/eg_bg_07.gif);}

 

https://www.gxlcms.com/css-258486.html