CSS背景与边框 css圆角边框

CSS背景与边框 css圆角边框
一、背景1.背景颜色background-color{background-color: transparent |color}不仅可以设置整个网页的背景颜色,还可以设置指定HTML元素的背景色2.背景图片background-imagebackground-image: none |url(url)3.背景图片重复background-repeat
属性值含义
repeat背景图片水平和垂直方向都重复平铺
repeat-x背景图片水平方向重复平铺
repeat-y背景图片垂直方向重复平铺
no-repeat背景图片不重复平铺
4.背景图片显示background-attachment设定背景图片是否随文档一起滚动,使背景图片始终处于视野范围内,以避免出现因页面滚动而消失的情况。
属性值含义
scroll默认值,当页面滚动时,背景图片随页面一起滚动
fixed背景图片固定在页面的可见区域
5.背景图片位置background-position
属性值含义
length设置图片与边距水平与垂直方向的距离长度,后跟长度单位
percentage以页面元素框的宽度或高度的百分比放置图
top背景图片顶部居中显示
center背景图片居中显示
bottom背景图片底部居中显示
left背景图片左部居中显示
right背景图片右部居中显示
6.背景图片大小background-size
属性值含义
由浮点数字和单位标识符组成的长度值,不可为负值
>取值范围为0%100%,不可为负值
cover保持背景图片本身的宽高比例,将图片缩放到正好完全覆盖所定义的背景区域
contain保持背景图片本身的宽高比例,将图片缩放到宽度或高度正好适应所定义的背景区域。

二、边框1.边框样式:border-style几种边框样式可以定义在一个边框中,从上边框开始按照顺时针的方向分别定义边框的上、右、下、左边框样式,从而形成多样式边框。P{border-style:dotted solid dashedgroove}
属性值含义
none无边框,无论边框宽度设为多大
dotted点线式边框
dashed破折线式边框
solid直线式边框
double双线式边框
groove槽线式边框
ridge脊线式边框
inset内嵌效果的边框
outset突起效果的边框
2.边框颜色:border-color3.边框线宽:border-width
属性值含义
medium默认值,中等宽度
thin比medium细
thick比medium粗
length自定义宽度
4.边框复合属性{border: border-width | border-style |border-color}这3个属性顺序可以自由调换5.圆角边框border-radius可以包含两个参数值第一个参数表示圆角的水平半径第二个参数表示圆角的垂直半径两个参数用斜线隔开可以包含2-4个属性值如直接赋值4个,这4个值将按照top-left,top-right,bottom-right,bottom-left的顺序来设置。

  

爱华网本文地址 » http://www.aihuau.com/a/25101016/324071.html

更多阅读

“索马里现状”的历史背景与轨迹 历史轨迹

2011-09-21索马里位于非洲大陆最东部的索马里半岛——面积:637,657.00 平方公里;人口:(1997年)977.2万人,索马里人占98.3%,阿拉伯人占1.2%,班图人占0.4%,其它民族占0.1%;索马里语和阿拉伯语为官方语言;伊斯兰教为国教,伊斯兰教逊尼派占99.8%,基督

与克钦军结盟的德昂族武装简介 彝海结盟简介

新闻背景与克钦军结盟的德昂族武装简介与克钦军结盟的德昂族(又名崩龙族)缅甸称巴朗族,中国、缅甸、泰国跨境民族之一。现有人口约20万人。主要散居在掸邦北部及中部。中国德昂族约2万人。云南德宏傣族景颇族自治州的芒市、临沧地区

声明:《CSS背景与边框 css圆角边框》为网友这哥们靠谱分享!如侵犯到您的合法权益请联系我们删除