CSS三列布局是网页设计中常用的一种布局方式,它适用于多种网站设计风格。三列布局通常包括左、中、右三个列,在三者中间的中心列可以设置背景图案或颜色。下面是一个简单的CSS三列布局代码示例:&l
<style> /* 设置三列的样式 */ #left { float: left; width: 25%; background-color: #ccc; } #middle { float: left; width: 50%; background-image: url(bg.jpg); background-repeat: repeat-y; background-position: center; } #right { float: right; width: 25%; background-color: #ccc; } /* 清除浮动 */ .clear { clear: both; } </style> <div id="left"> <p>这里是左侧列</p> </div> <div id="middle"> <p>这里是中心列,背景为图案或颜色</p> </div> <div id="right"> <p>这里是右侧列</p> </div> <div class="clear"></div>
粉丝
0
关注
0
收藏
0