二阶段day2作业

背景图片：
background - image:url(地址)
background - repeat:repeat - x; 水平方向平铺 repeat - y 竖直方向平铺，不设置水平竖直方向平铺 ； no - repeat不平铺
位置：background-position:right top;
背景- 简写属性：
body {background:#ffffff url('img_tree.png') no-repeat right top;}
图片大小：background-size指定背景图像的大小。CSS3以前，背景图像大小由图像的实际大小决定。
CSS3中可以指定背景图片，让我们重新在不同的环境中指定背景图片的大小。您可以指定像素或百分比大小。
你指定的大小是相对于父元素的宽度和高度的百分比的大小。
background-size:80px 60px;
background-size:100% 100%;
图片位置区域：background-Origin属性指定了背景图像的位置区域。
content-box, padding-box,和 border-box区域内可以放置背景图像。

列表
border-collapse 属性设置表格的边框是否被折叠成一个单一的边框或隔开

table
{
    border-collapse:collapse;
}
table,th, td
{
    border: 1px solid black;
}
```细线框
table{width:100%；}自适应宽度
td{text_align:center；}  文字居中
td{vertical - align:botton； }文字在底部

边框
dotted：点线边框
none:无边框
dashed：虚线边框
solid：实线边框
double:双实线边框
groove：3d沟槽边框
设置框线的厚度

p.one
{
border-style:solid;
border-width:5px;
}

边框单独设置

p
{
border-top-style:dotted;
border-right-style:solid;
border-bottom-style:dotted;
border-left-style:solid;
}

border-style:dotted solid;上下点线，左右实线
border-style:dotted solid double dashed;上右下左，顺时针
border-style:dotted solid double;上   左右    下
简写：border:5px solid red;

浮动：CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。
Float（浮动），往往是用于图像，但它在布局时一样非常有用
img{float:right;}  
清除浮动：clear:both;