亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

看圖獨立寫代碼-CSS邊框樣式的編寫

原創(chuàng) 2019-01-13 01:58:55 260
摘要:<!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;

發(fā)佈手記

熱門詞條