html大小括号,括号的HTML / CSS部分

这看起来很有趣,所以我开始开发,现在必须重新开始工作所以这就是我有多远.基本知识是为你准备的,所以你可以从这里完成它我想,虽然我也可能在我的业余时间完成它然后来发布它以后

更新：

CSS

#container {

width: 800px;

height: 600px;

float: left;

}

section {

width: 130px;

height: 520px;

float: left;

}

section > div {

width: 100px;

height: 20px;

border: 1px solid #000;

margin: 10px 0;

background: #73789F;

color: white;

padding: 10px 10px 10px 20px;

}

section > div:nth-child(2n) {

margin-bottom: 40px;

}

.connecter {

width: 30px;

height: 520px;

float: left;

}

.line {

width: 30px;

height: 520px;

float: left;

}

.connecter div {

border: 1px solid #000;

border-left: none;

height: 50px;

width: 100%;

margin: 80px 0 0 1px;

}

.connecter div:first-child {

margin: 32px 0 0 1px;

}

.line div {

border-top: 1px solid #000;

margin: 133px 0 0 1px;

}

.line div:first-child {

margin-top: 55px;

}

#quarterFinals > div {

margin-top: 91px;

}

#quarterFinals > div:first-child {

margin-top: 37px;

}

#conn2 div {

margin-top: 133px;

height: 133px;

}

#conn2 div:first-child {

margin-top: 57px;

}

#line2 div {

margin-top: 270px;

}

#line2 div:first-child {

margin-top: 125px;

}

#semiFinals > div {

margin-top: 230px;

}

#semiFinals > div:first-child {

margin-top: 105px;

}

#conn3 div {

margin-top: 125px;

height: 270px;

}

#line3 div {

margin-top: 270px;

}

#final > div {

margin-top: 250px;

}

HTML

Player 1

Player 2

Player 3

Player 4

Player 5

Player 6

Player 7

Player 8

​