使用CSS,UL,LI实现新闻标题分栏显示

首先看效果:

代码:





CSS 分栏样式:使用CSS,UL,LI实现新闻标题分栏显示



相关新闻:


小结:

留意突出颜色部分CSS代码,分栏的栏目由外面的div和li的宽度共同决定。div宽度是li宽度整除N倍时,就被分为N栏。比如:上面relationNewsList width:660px; 而li的宽度为width: 320px;那么宽度倍数就是2倍多,所以分为两栏。如果将relationNewsList宽度设为900px,li的宽度设为288px,则会被分为三栏。

以下为相关显示效果:

你可能感兴趣的:(使用CSS,UL,LI实现新闻标题分栏显示)