存档

文章标签 ‘颜色’

2端2种颜色,中间固定宽度和颜色

2015年4月27日 没有评论

要求实现如下效果(根据宽度自适应)

2端2种颜色,中间固定宽度和颜色

<!doctype html>
<html>
<head>
<meta charset=”utf-8″>
<title>Untitled Document</title>
<style type=”text/css”>
* {padding:0px;margin:0px;}
.box {height:28px;background:red;position:relative;}
.leftBlue {width:50%;height:28px;background:blue;position:absolute;left:0px;top:0px;z-index:0}
.content {height:28px;background:black;width:1000px;margin:0px auto;position:relative;z-index:1;text-align:center;color:#fff;line-height:28px;}
</style>
</head>

<body>
<div class=”box”>
<div class=”leftBlue”></div>
<div class=”content”>内容</div>
</div>
</body>
</html>

css.php