简易的新闻页面制作

编程知识 行业动态 更新时间:2024-06-13 00:20:33

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

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

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

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

网页效果图 

 

更多推荐

简易的新闻页面制作

本文发布于:2023-03-30 03:12:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/9790dbdbd65810df459a5c7f724ba2a7.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:简易   页面   新闻

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!