CSS 背景属性(Background)

CSS 背景属性用于定义HTML元素的背景。CSS 允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果。CSS 在这方面的能力远远在 HTML 之上。CSS 属性定义背景效果:background-colorbackground-imagebackground-repeatbackground-attachmentbackground-position背景色background‐color 属性定义了元素的背景颜色. 页面的背景颜色使用在body的选择器中:属性描述CSSbackground在一个声明中设置所有的背景属性。1background-attachment设置背景图像是否固定或者随着页面的其余部分滚动。1background-color设置元素的背景颜色。1background-image设置元素的背景图像。1background-position设置背景图像的开始位置。1background-repeat设置是否及如何重复背景图像。1background-clip规定背景的绘制区域。3background-origin规定背景图片的定位区域。3background-size规定背景图片的尺寸。3CSS 边框属性(Border 和 Outline)属性描述CSSborder在一个声明中设置Web所有的边框属性。1border-bottom在一个声明中设置所有的下边框属性。1border-bottom-color设置下边框的颜色。2border-bottom-style设置下边框的样式。2border-bottom-width设置下边框的宽度。1border-color设置四条边框的颜色。1border-left在一个声明中设置所有的左边框属性。1border-left-color设置左边框的颜色。2border-left-style设置左边框的样式。2border-left-width设置左边框的宽度。1border-right在一个声明中设置所有的右边框属性。1border-right-color设置右边框的颜色。2border-right-style设置右边框的样式。2border-right-width设置右边框的宽度。1border-style设置四条边框的样式。1border-top在一个声明中设置所有的上边框属性。1border-top-color设置上边框的颜色。2border-top-style设置上边框的样式。2border-top-width设置上边框的宽度。1border-width设置四条边框的宽度。1outline在一个声明中设置所有的轮廓属性。2outline-color设置轮廓的颜色。2outline-style设置轮廓的样式。2outline-width设置轮廓的宽度。2border-bottom-left-radius定义边框左下角的形状。3border-bottom-right-radius定义边框右下角的形状。3border-image简写属性,设置所有 border-image-* 属性。3border-image-outset规定边框图像区域超出边框的量。3border-image-repeat图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched)。3border-image-slice规定图像边框的向内偏移。3border-image-source规定用作边框的图片。3border-image-width规定图片边框的宽度。3border-radius简写属性,设置所有四个 border-*-radius 属性。3border-top-left-radius定义边框左上角的形状。3border-top-right-radius定义边框右下角的形状。3box-decoration-break规定行内元素被折行3box-shadow向方框添加一个或多个阴影。

(0)

相关推荐

  • WEB之CSS系列笔记

    CSS,通常称为CSS样式表或层叠样式表(级联样式表).主要用于设置HTML页面中的文本内容(字体.大小.对齐方式等).图形的外形(宽高.边框样式.边距等)以及版面布局和外观显示样式. 引入CSS样式 ...

  • CSS快速入门

    Blog:博客园 个人 参考:https://www.w3school.com.cn/css/index.asp 概述 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表 ...

  • Style 对象属性

    "CSS" 列表示该属性是在哪一个CSS 版本中定义的(CSS1.CSS2 或 CSS3).属性描述CSSalignContent设置或返回当灵活容器内的各项没有占用所有可用的空间 ...

  • 「学习笔记」CSS基础

    前言 拖延了一周的CSS学习笔记终于利用周末去补齐了,本篇文章着重梳理之前所学的CSS知识点,查漏补缺.同时,试着用git将重点案例存放到远程仓库中,更近一步贴近公司流程.

  • css 样式必备知识

    CSS样式必备知识包含哪些内容:CSS 简介CSS 指层叠样式表 (Cascading Style Sheets)样式定义如何显示 HTML 元素CSS 语法CSS 规则由两个部分构成:选择器及一条或 ...

  • CSS知识点总结

    CSS的简介: 1.CSS的定义:层叠样式表.属性和属性值用冒号分隔开,以分号结尾(这些符号都是英文的). 2.CSS得引入方式: 行内引入:<div style='这里写样式'>我是一个 ...

  • CSS样式内容

    通过使用 CSS 我们可以大大提升网页开发的工作效率和美化我们的页面,那CSS样式都包括哪些内容呢,以下是列表供大家参考:CSS 语法CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明.CS ...

  • 10.1【前端开发】背景属性:样式中背景色和背景图片样式如何使用?

    背景属性:样式中背景色和背景图片样式如何使用? 背景颜色background-color 初始值transparent ,在 CSS 中,transparent是一种颜色. <h1>bac ...

  • 9.26【前端开发】背景属性:样式中背景色和背景图片样式如何使用?

    背景颜色background-color 初始值transparent ,在 CSS 中,transparent是一种颜色. <h1>background-color</h1> ...

  • CSS box-shadow 属性 ,css list-style-type:disc 修改点的大小

    CSS box-shadow 属性 语法点击box-shadow: h-shadow v-shadow blur spread color inset;注释:box-shadow 向框添加一个或多个阴 ...

  • CSS 边框属性(Border 和 Outline)

    属性描述CSSborder在一个声明中设置所有的边框属性.1border-bottom在一个声明中设置所有的下边框属性.1border-bottom-color设置下边框的颜色.2border-bot ...

  • CSS padding 属性

    padding 简写属性在一个声明中设置所有内边距属性. 默认值: 0 继承性: no 版本: CSS1 JavaScript 语法: object.style.padding="10px ...

  • CSS字体属性与文本属性

    CSS字体属性与文本属性 1. 字体属性 1.1 字体系列font-family p { font-family: "Microsoft Yahei";/*微软雅黑*/ } /*当 ...

  • CSS 常用属性

    头尾元素::first-child :last-child 某个元素:(按同类元素顺序):nth-of-type(n) 某个元素:(仅按顺序):nth-child(n):优势可以局部显示html< ...

  • 编程语言【】关于css背景有白边的问题._html/css_WEB-ITnose

    当我使用背景图片时,无论怎么调整,总是无法横向铺满整个屏幕. 但是我使用背景颜色时,总是能横向铺满整个屏幕. 下面是代码和运行效果: 1,使用背景图片 代码: <%@page language= ...

  • 编程中CSS的属性

    CSS3 动画属性(Animation)属性描述CSS@keyframes规定动画.3animation所有动画属性的简写属性,除了 animation-play-state 属性.3animatio ...