css学习02——表格、边框、轮廓、外边框、填充、分组与嵌套、显示与可见性

css学习02——表格、边框、轮廓、外边框、填充、分组与嵌套、显示与可见性

---

1、表格

border: 1px solid black;/*加表格边框*/
height:50px;/*高设置*/
width:100%;/*宽设置*/
text-align:right;/*表格文字对其方式*/
background-color:green;/*背景颜色*/

2、边框

border-style:none;/*无边框。*/
border-style:dotted;/*虚线边框。*/
border-style:dashed;/*虚线边框。*/
border-style:solid;}/*实线边框。*/
border-style:double;/*双边框。*/
border-style:groove;/*凹槽边框。*/
border-style:ridge;/*垄状边框。*/
border-style:inset;/*嵌入边框。*/
border-style:outset;/*外凸边框。*/
border-style:hidden;/*隐藏边框。*/

border-width:1px;/*边框宽度*/
border-color:red;/*边框颜色*/
border-left-width:15px;/*左边框宽度*/

border-style:solid;
border-color:#ff0000 #00ff00 #0000ff rgb(250,0,255);/*设置四面边框的颜色，必须和上衣语句使用*/

border-style:solid;
border-right-color:#ff0000;/*设置右边框颜色，需和上一条语句使用*/

3、轮廓

outline:green dotted thick;/*元素周围画一条线虚线*/
outline-color:#00ff00;/*轮廓颜色*/
/*轮廓样式*/
outline-style:dotted;