请选择 进入手机版 | 继续访问电脑版

制作新闻列表

[复制链接]
守得云开 发表于 2021-1-2 11:59:06 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
时值年末,最近无论国表里最热闹的新闻就是米国大选了,最近的大先也是热闹得很,个人以为作为一位即将大概从事盘算机行业的初学者和一位在不停学习的盘算机小学生来说,一味的的低头繁忙于自己的项目,两耳不闻天下事,一心只闻圣贤书的生活节奏并不是博主喜欢的,在当下浮躁的社会氛围下,适当的向周遭看看实事,是一个和不错的选择。
也因为自己是盘算机的小学生吧,身处当下这么特殊的汗青时刻,也希望自己能用自己微不敷道的力气,为以后的自己在本日留下一点小小的影象,本日就把自己制作的一个小小的新闻列表的过程分享出来
先看一下我们的效果图

外部布局
  1.                                         新闻列表                                                                                                                               
  2.                                                                                                                                                                                 [size=6]选举走向[/size]
  3.                                                 [b]TAIWAN LIVELIHOOD[/b]                                       
  4.                                                                                                                                                 [img]https://www.jianchenwangluo.com/img/1.jpg[/img]                                                        重大事件|最高法院驳回德州提案                                               
  5.                                                
  6. [list]                                                       
  7. [*]aaaaa                                                       
  8. [*]bbbbb                                                       
  9. [*]ccccc                                                       
  10. [*]ddddd                                                       
  11. [*]eeeee                                                       
  12. [*]fffff                                               
  13. [/list]                                       
  14.                                                                        
  15.                                                                                                                                                         [size=6]德州GOP声明[/size]
  16.                                                 [b]TAIWAN LIVELIHOOD[/b]                                       
  17.                                                                                                                                                 [img]https://www.jianchenwangluo.com/img/2.jpg[/img]                                                        德克萨斯|下令脱离联邦 重新积极别辟流派                                               
  18.                                                
  19. [list]                                                       
  20. [*]aaaaa                                                       
  21. [*]bbbbb                                                       
  22. [*]ccccc                                                       
  23. [*]ddddd                                                       
  24. [*]eeeee                                                       
  25. [*]fffff                                               
  26. [/list]                                       
  27.                                                                        
  28.                                                
  29.                                                                                
  30.                
  31.        
复制代码
样式设计
  1. .main .news{        width:600px;        border:1px solid #ccc;        float:left;        margin-left:10px;        padding:10px;                }.main{        width:700px;        matgin:auto;        }.main .news .moduletitle{        border-bottom:1px solid #ccc;        padding-bottom:15px;        margin-bottom:30px;        }.main .news .moduletitle strong{        color:gray;}.main .news .moduletitle h1{        color:cadetblue;        margin-bottom: 3px;                }.main .news .mcline1{        background-color: #eee;        overflow:auto;}.main .news .mcline1 img{        float:left;}.main .news .mcline1 span{        padding:10px;        float:left;        width:150px;        }.main .news ul{        margin:0px;        padding:20px;}.main .news .mcline2 li{        margin-bottom:10px;        color:lightslategrey}
复制代码
静态新闻列表,无需逻辑

来源:https://blog.csdn.net/weixin_45769564/article/details/111183465
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )