div を使用して線を定義します
2 div?
1 つは青い背景で、もう 1 つは境界線のある div です
または背景画像が白い線の div です
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>页面名称</title><style type="text/css">#box { width: 200px; height: 100px; background-color: #00f;}#box:before { content: ""; display: block; height: 100%; margin-left: 50px; border-left: 1px solid #ff0;}</style></head><body><div id="box"></div></body></html>
margin-left を使用してください。 div全体を置く { margin- left:10px;}
3階の方法は非常に簡単です
CSS3を使用すると、絶対位置に白の要素を追加することもできます