                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /初識HTML(5)+CSS(3)-升級版

大佬們，這樣的html和css怎么寫

研究了好久。

慕慕0116261

2019-09-11

源自：初識HTML(5)+CSS(3)-升級版

關(guān)注問題我要回答

1063

操作

收起

5 回答

陽火鍋回答被采納 +2 積分
2019-09-11

你把我上面寫的代碼? 拿去看看?? 找點(diǎn)思路...? 我只能幫你到這了

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

慕慕0116261 提問者

好的謝謝兄弟

2019-09-11 回復(fù) 有任何疑惑可以回復(fù)我~

#2

陽火鍋回復(fù) 慕慕0116261 提問者

采納我一下

2019-09-11 回復(fù) 有任何疑惑可以回復(fù)我~

陽火鍋
2019-09-11

<!DOCTYPE html>
<html>
<head>
??? <meta charset="UTF-8">
??? <meta name="viewport" content="width=device-width, initial-scale=1.0">
??? <meta http-equiv="X-UA-Compatible" content="ie=edge">?? ?
??? <title></title>
</head>
<body>
?? ?<div style='background:royalblue;width:350px;height:100px;margin:0 auto;display:flex;justify-content:center;align-items:center'>
?? ??? ?<div style='width:90%;height:80px;'>
?? ??? ??? ?<div style='width:90%;height:50px;line-height:50px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;'>
?? ??? ??? ??? ?1
?? ??? ??? ??? ?
?? ??? ??? ??? ?
?? ??? ??? ??? ?
?? ??? ??? ??? ?
?? ??? ??? ??? ?
?? ??? ??? ??? ?
?? ??? ??? ??? ?2
?? ??? ??? ??? ?
?? ??? ??? ??? ?
?? ??? ??? ??? ?
?? ??? ??? ??? ?
?? ??? ??? ??? ?
?? ??? ??? ??? ?
?? ??? ??? ??? ?3
?? ??? ??? ??? ?
?? ??? ??? ??? ?
?? ??? ??? ??? ?
?? ??? ??? ??? ?
?? ??? ??? ??? ?
?? ??? ??? ??? ?
?? ??? ??? ??? ?4
?? ??? ??? ?</div>
?? ??? ??? ?<div style='width:100%;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:space-between;margin:0 auto'>
?? ??? ??? ??? ?手機(jī)號/密碼
?? ??? ??? ??? ?確認(rèn)身份
?? ??? ??? ??? ?上傳頭像
?? ??? ??? ??? ?完成注冊
?? ??? ??? ?</div>
?? ??? ?</div>
?? ?</div>
</body>
</html>

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕慕0116261 提問者
2019-09-11

<div?class="nu1mber">
????<div?class="test">
????????<div?class="test1">
????????????1
????????</div>
????????<div?class="font">
????????????手機(jī)號/密碼
????????</div>
????</div>
????<div?class="test">
????????<div?class="test1">
????????????1
????????</div>
????????<div?class="font">
????????????手機(jī)號/密碼
????????</div>
????</div>
????<div?class="test">
????????<div?class="test1">
????????????1
????????</div>
????????<div?class="font">
????????????手機(jī)號/密碼
????????</div>
????</div>
????<div?class="test">
????????<div?class="test1">
????????????1
????????</div>
????????<div?class="font">
????????????手機(jī)號/密碼
????????</div>
????</div>

</div>

.nu1mber{
??????width:?90%;
??????height:?100px;
??????font-size:?0;
??????text-align:?center;
??????margin:80px?auto?0;
??}

.test{
????width:?25%;
????display:?inline-block;
????text-align:?center;
}
.test1{
????width:?30px;
????height:?30px;
????background:?white;
????font-size:?0.7rem;
????color:?#6A85F8;
????border-radius:?50%;
????line-height:?30px;
????margin:?0?auto;
????display:?inline-block;
????text-align:?center;
}
.font{
????display:?block;
????font-size:?0.9rem;
????color:?white;
????margin-top:?15px;
}

.yuan{
???border:?1px?solid?white;
????width:?5px;
????height:?5px;
????border-radius:?50%;
????display:?inline-block;
????vertical-align:?middle;
????transform:?scale(0.7);
}

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答