查漏1

本文探讨了前端开发中如何通过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.新闻列表前面的圆点怎么设置

在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值