首页 > Web开发 > 详细

css系列教程--border和background

时间:2015-12-27 09:35:04      阅读:149      评论:0      收藏:0      [点我收藏+]

css标签b:
1.background:用法

background:可以指定颜色,背景,平铺效果以及背景定位。
background:url(aa.png) #fff 0px 0px no-repeat
注:该行背景指定该元素背景为aa.png的图片,背景色为白色,背景从0,0(x,y)的位置开始,不平铺

拆分写法:
background-color:#fff;
backgound-image:url(aa.png);
backgound-position:0px 0px;
background-repeat:no-repeat/repeat-x/repeat-y

2.border:用法

border:1px solid red;
注:该行代码表示的意思为边框为1像素  实线 红色的边框

拆分写法:
border-width:1px;
border-style:solid/dashed/dotted/double/groove/ridge/inset/outset等
border-color:red;

border-top-color:red;
border-right-color:red;
border-bottom-color:red;
border-left-color:red;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-top-sytle:solid/dashed/dotted/double/groove/ridge/inset/outset等
border-right-sytle:solid/dashed/dotted/double/groove/ridge/inset/outset等
border-bottom-sytle:solid/dashed/dotted/double/groove/ridge/inset/outset等
border-left-sytle:solid/dashed/dotted/double/groove/ridge/inset/outset等

css系列教程--border和background

原文:http://www.cnblogs.com/xiaodonger/p/5079508.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!