css3-4 css3边框样式
一、总结
一句话总结：
二、css3边框样式
1、相关知识
边框属性:
1.border-width
2.border-style
3.border-color
边框方位:
1.border-left:1px solid #f00;
2.border-top:1px solid #f00;
3.border-right:1px solid #f00;
4.border-bottom:1px solid #f00;
2、代码
border边框方位实例
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>index</title>
<style>
*{
font-family: 微软雅黑;
} p{
border-left:5px solid #f00;
padding-left:5px;
}
</style>
</head>
<body>
<p>linux is very much!</p>
<p>linux is very much!</p>
<p>linux is very much!</p>
<p>linux is very much!</p>
<p>linux is very much!</p>
<p>linux is very much!</p>
</body>
</html>
边框样式
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>index</title>
<style>
div{
width:1000px;
height:200px; /*border-style:solid;*/
/*border-style:dotted;*/
/*border-style:dashed;*/
/*border-style:double;*/
/*border-style:inset;*/
/*border-style:outset;*/
/*border-style:groove;*/
border-style:ridge;
border-width:10px;
border-color:#f00;
}
</style>
</head>
<body>
<div>
<span>html5+css3</span>
</div>
</body>
</html>