4 HTML案例-头条页面 4.1 案例效果 4.2 案例分析 4.2.1 div布局的进阶 想要将div布局成案例效果,首先需要对多个div进行区分,再分别设置每一个div自身的
顺晟科技
2021-06-16 11:01:58
268
!声明文档类型
超文本标记语言
头
meta charset='UTF-8 '
meta name=' viewport ' content=' width=device-width,initial-scale=1.0,maximum-scale=1,user-scalable=no'/
标题/头衔
style type='text/css '
* {
边距:0;
padd : 0;
}
div.wrap {
padd : 3% 0 0 3%;
}
div.square {
向左浮动:
背景# ffa500
宽度: 30%;
padd : 30% 0 0;
保证金: 0 3% 3% 0;
边界半径: 4%;
}
/style
/head
身体
div class='wrap '
div class='square'/div
div class='square'/div
div class='square'/div
div class='square'/div
div class='square'/div
div class='square'/div
div class='square'/div
div class='square'/div
div class='square'/div
/div
/body
/html
15
2022-09
15
2022-09
15
2022-09
15
2022-09
24
2021-09
31
2021-07