这篇文章是继于简单网页改版,是一段简单的新闻页面制作。创建,保存在上一篇文章内有写,这里就不重复了。

这次使用div标签,将新闻分页面分为三个部分,以嵌套的方式进行编写。

1.先写第一部分,先写出两个div标签,再分别给他们定义一个class命名标签。h2写做新闻标题,p标签用用来写日期和来源,最后用strong标签将来源地编写成粗字体,具体分析和实时视图看下图。

2.第二部分再新建一个div标签并且命名,再用段落标签p进行编写,设置第二部分内容的字体大小和颜色,然后对div再用强调标签span设置字体。最后加一个css实线边框样式用来美化。详细分析见下图。

网页效果图 

 

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐