摘要:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>1月13日css作業(yè)</title><meta name="keywords" content="1月13日css作業(yè)"><meta na
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>1月13日css作業(yè)</title>
<meta name="keywords" content="1月13日css作業(yè)">
<meta name="description" content="1月13日css作業(yè)">
<meta name="author" content="lijinfu">
<link rel="shortcut icon" type="image/x-icon" href="http://xmn-xdm.com/img/favicon.ico">
<style type="text/css">
*{
margin: 0px;padding: 0px;
}
.square{
width: 800px;height: 800px;background: yellow;border: 15px solid green;
}
.square:hover{
border-color: black;
}
.redcircle{
width: 750px;height: 750px;background: red;border:1px solid red;border-radius: 375px;box-shadow: 10px 10px ;
margin-top: -800px;margin-left: 33px;
}
.whitedashed{
width: 680px;height: 680px;border:10px dashed white;border-radius: 340px;
margin-top: -720px;margin-left: 61px;
}
.whitedashed:hover{
border-color: #01fdee;
}
.doubleyellow{
width: 590px;height: 590px;border:5px double yellow;border-width: 20px;border-radius: 315px;
margin-top: -670px;margin-left: 95px;
}
.doubleyellow:hover{
border-color:#ff33ff;
}
p{
font-size: 50px;font-weight: bold;margin-top: -340px;margin-left: 250px;
}
p:hover{
color: white;
}
</style>
</head>
<body>
<div><!-- 正方形部分 --></div>
<div><!-- 紅色圓形部分 --></div>
<div></div><!-- 白色虛線圓形部分 -->
<div></div><!-- 雙黃線圓部分 -->
<p >1月13日作業(yè)</p>
</body>
</html>
批改老師:天蓬老師批改時間:2019-01-13 09:18:01
老師總結(jié):border-width: 20px; 這樣寫不是很多的, 試試: border: 20px;