时间:2021-05-08
效果预览:
css:
复制代码代码如下:
<style type="text/css">
<!--
.table_tile{
text-align:left;
height: 20px;
width: 25%;
float: left;
}
.table_tile_{
text-align:right;
background-color:#0000FF;
height: 20px;
background-color:#999966;
width: 25%;
float: left;
}
.table_tile_bottom{
text-align:left;
background-color:#FFF000;
height: 20px;
width: 25%;
float: left;
}
-->
</style>
html:
复制代码代码如下:
<div class="table_tr">
<div class="table_tile">top0</div>
<div class="table_tile_">top1</div>
<div class="table_tile">top2</div>
<div class="table_tile">top3</div>
</div>
<div class="table_tr">
<div class="table_tile_bottom">bottom0</div>
<div class="table_tile_bottom">bottom1</div>
<div class="table_tile_bottom">bottom2</div>
<div class="table_tile_bottom">bottom3</div>
</div>
或者来个更简单的:
复制代码代码如下:
<style>
.float_left{
text-align:left;
height: 20px;
width: 25%;
float: left;
}
</style>
<div class = "float_left">asdasd</div>
<div class = "float_left">asdasd</div>
<div class = "float_left">why</div>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
css制作的立体导航栏,具体实现代码如下所示:CSS制作立体导航body{background:#ebebeb;}.nav{width:560px;height
本文实例为大家分享了js图片轮播具体实现代码,供大家参考,具体内容如下一、html代码部分(et.thtml):二、css代码部分(styleet,css):#
本文实例讲述了php获取CSS文件中图片地址并下载到本地的方法。分享给大家供大家参考。具体实现代码如下:复制代码代码如下:/***获取CSS中图片地址,并且保存
用纯CSS3实现网页中常见的小箭头,实现代码如下所示:div.arrow-up{width:0px;height:0px;bor
本文介绍了CSS翘边阴影的实现代码,分享给大家。具体如下:仔细观察可以看到每张图片下面的两个角都有不同程度的翘边。实现原理和【CSS】曲线阴影差不多,也是通过伪