CSS中li设置左浮动后,li下面的a如何控制位置?

CSS中li设置左浮动后,li下面的a如何控制位置?,第1张

CSS中li设置浮动后,li下面的a控制位置方式为:

li a{margin-left:20pxmargin-top:12pxdisplay:blockwidth:20px}

详情:

a标签写样式时要加display:block属性,

这样a标签就显示一行了。

一个li下面有多个a标签的话,就得给他们定宽度,

必要的情况下就float:left。

导航栏左logo右文字弄html的方法如下

1.用Dreamweaver新建一个HTML文件

2.按ctrl+s先保存,以防突然断电数据丢失

3.修改title为html+css实现横向导航

4.新建一个div ?id为“a”,添加ul li标签

5.在li中添加自己想要的文字并调整好文字间距,按F12预览;

6.首先去掉字体前面的小黑点;

7.预览;接下来,使文字横向排列,设置代码如下,给li设置左浮动效果;

8.按F12预览,导航栏左logo右文字已转化成html。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11857661.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存