css吧正方形分离怎么弄

html-css06

css吧正方形分离怎么弄,第1张

步骤分步阅读

1

/6

第一，在HBuilderX中，新建页面文件，然后在body标签中插入两个div，分别作为父子标签

2

/6

<style type="text/css">

div {border:1px solid #000width:80px}

</style>

<div>

<a href="#">1</a>

</div><br />

<div>

<a href="#">1</a>

<br /><br /><br /><br />

<a href="#">1</a>

</div>

<style>

ul{ margin:0pxpadding:0px}

li{ list-style-type:none}

.rzxl{overflow:hiddenwidth:250px}

.rzxl li{ float:left}

.rzxl img{ margin-left:5px}

.rzxl1{ width:250pxtext-align:center}

</style>

<div class="rzxl1">

望庐山瀑布<br>

唐.李白</div>

</div>

<div class="rzxl">

<ul><li>

日照香炉生紫烟<br />

遥看瀑布挂前川<br />

飞流直下三千尺<br />

疑是银河落九天</li>

<li><img src="http://img.baidu.com/img/logo-zhidao.gif"></li>

</ul></div>

CSS只是个装饰，样式，单纯的CSS是实现不了你要的效果的，你想要CSS就在上面，你可以看下，