因爲之前做得太慘不忍睹了,而且大部分篇幅很長就不放了從第四個開始,一邊學一邊做也沒辦法說好啥時候能更新,只能一點點來了。盡力。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.main{
position:absolute;
width:400px;
height:200px;
top:50%;
left:50%;
margin:-100px 0 0 -200px;
background:#ccc;
}
.left-top-area{
width:50px;
height:50px;
left:0px;
top:0px;
position:relative;
border-radius: 0 0 50px 0;
background:#fc0;
}
.right-bottom-area{
right:0px; bottom:0px;
position:relative;
border-radius: 50px 0 0 0;
background: #fc0
width:50px;
height:50px;
}
</style>
</head>
<body>
<div class="main">
<div class="left-top-area"></div>
<div class="right-bottom-area"></div>
</div>
</body>
</html>
這個題的題目是div居中問題。我在class命名上抄了一下第一名的,不好意思了,實在是不怎麼會。剛做的時候,把兩個小的div的position設置成了absolute,還想了半天爲什麼,昨天才剛自己寫的absolute會讓元素脫離文檔流。真的是笨