0
点赞
收藏
分享

微信扫一扫

页面logo的做法

言诗把酒 2022-02-20 阅读 122
html前端

以pink老师的品优购为例

1.和2. 如图所示:

 

 

由1.2.操作之后的结果如图所示:

 现在有图片了 但是按照步骤则a标签的文字不可避免的出现 如何使得文字不显示呢?

答案一:将a标签的字体大小设置为0px就看不见字体了 如图:

 

 答案二:a标签被转为块级元素之后可以设置宽高 ,a标签的文字就在盒子里面了;对a设置文字的首行缩进; 利用text-indent文字首行缩进 ;(text-indent:正值 则文字靠右边走 ;负值 则文字靠左边走 ;)当负值足够大的时候,文字脱离a盒子 跑到盒子左方向外边;此时再利用overflow:hidden 对a盒子设置 :效果是将a盒子外边的内容隐藏 ;最终实现了隐藏文字;

如图:

 

举报

相关推荐

0 条评论