CSS——多栏布局

开发工具与关键技术：DW与HTML + CSS
作者：刘华叶
撰写时间：2019年1月17日

我们在做网页的过程中，布局是很重要的，一个网页布局写的不好，那就影响了整个网页的美观，下面我就和大家分享一下这个多栏布局。
一． HTML代码如下：

先在创建好的HTML页面中给它一个盒子，引入图片，用a标签包裹着图片，在给它一个b标签，加上文字。
然后在给它一个h2标签，定义标题，让它居中显示，在引入图片，在设置一个登陆图片，
给它一个定位，让它位于右上角。

在给下面盒子的类名加个浮动，在下面加个p标签,然后在CSS里面加上一些样式，设置图片的大小，位置等。
二．CSS代码如下：


首先给li标签去掉小黑点，然后给这些类名，标签设置属性，网页就变成下面这样了

布局到这里就完成了，布局可以有很多种办法，我这个只是其中一种，希望能够对大家有所帮助。