CSS中div的边框

----------------------------------CSS中div的边框----------------------------------------

div的边框样式

"border-style”

代码示例:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

<style type="text/css">

div{

    font-family:宋体;

    font-size:20px;

    font-weight:bold;

    background-color:#FFFF00;

    width:200px;

    height:200px;

    text-align:center;

    border-width:6px;

   

}

</style>

</head>

<body>

<div style="border-style:none">www.rlteach.com</div><br/>

<div style="border-style:solid">www.rlteach.com</div><br/>

<div style="border-style:dotted">www.rlteach.com</div><br/>

<div style="border-style:dashed">www.rlteach.com</div><br/>

<div style="border-style:double">www.rlteach.com</div><br/>

</body>

</html>

 

------------------------------------------------------------

猜你喜欢

转载自blog.csdn.net/weixin_41547486/article/details/80279083