实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<meta charset="utf-8">
5
<title>手册网(www.shouce.ren)</title>
6
<style>
7
#main {
8
    display: flex;
9
    flex-direction:row-reverse;
10
}
11
12
#main div {
13
    width: 40px;
14
    height: 40px;
15
}
16
</style>
17
</head>
18
<body>
19
​
20
<div id="main">
21
    <div style="background-color:coral;">A</div>
22
    <div style="background-color:lightblue;">B</div>
23
    <div style="background-color:khaki;">C</div>
24
    <div style="background-color:pink;">D</div>
25
    <div style="background-color:lightgrey;">E</div>
26
    <div style="background-color:lightgreen;">F</div>
27
</div>
28
​
29
</body>
30
</html>
31
​