本文探讨了前端开发中如何通过CSS调整标题和图片的样式，包括使用display属性转换元素类型、设置边框、调整margin实现元素对齐，以及将标题置于图片之上。同时，介绍了移除链接下划线和新闻列表圆点的设置方法，是前端开发者提升页面美化技能的实用指南。
在这里插入图片描述
查漏：
1.标题h2块元素可display:inline-block转行内块元素将border-top:1px red solid，边框标红，实际上是红色线和灰色线不在一条线上，设置margin-top:-1px;将红色线上移，这样就在一条线上。
2.图片和标题都放在超链接里
3.字体加粗font-weight：bold
4.text-decoration:none 去除下划线
5.怎样将标题放在图片上？标题是一个块元素，设置margin-top为负值，将标题移到图片上，但是我的移不了，原地不动！！！
…更新…
第5个问题已解决：
img-title前面没加点，长教训了，以后显示不了可能就是格式错了。
…
6.新闻列表前面的圆点怎么设置
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
