小弟做网页的时候导航栏做出来如下，但是有个问题导航栏和左边背景图片有缝隙。怎么调整都调整不好
求教一下怎么让其和左边对齐
另外求教下如何在背景图上更清晰的显示字，就这么打字的话会使得字很不清晰
下面是我这部分的css代码
HTML做网页时如何让导航栏跟背景图左边对齐
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
天际的海浪 2020-03-14 21:21关注body 和 .top ul 都设置 margin-left: 0px;
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2022-02-07 15:50回答 1 已采纳 left跟上面黑块的左侧距离保持一致
- 2020-03-15 09:15回答 1 已采纳 z-index覆盖了?
- 2022-11-06 22:19回答 1 已采纳 建议放代码而不是图片，而且还没有效果图片，只能盲猜
- 2020-12-11 11:43辣味蓓蓓酱的博客 紫色盒子在版心内，为subnav侧导航栏，要左对齐版心 绿色盒子在版心内，为course课程表，要右对齐版心 index.html <head> <link rel="stylesheet" href="style.css"> </head> <body> &...
- 2020-03-24 15:21回答 5 已采纳 试试给导航栏加一个z-index:99;
- 2021-11-10 15:12回答 2 已采纳 1,2块不懂题主是哪个几个样式？ 3这块内容如果是showcontent这个样式，要和menu导航设置成一样的宽度 .showcontent{ width:960px; ///....其他样式
- 2023-02-27 10:29回答 3 已采纳 你可以使用Vue.js中的select组件来实现这个功能。 你可以使用Vue.js的v-for指令来把数据库中的选项显示在下拉框中。 然后，在绑定的change事件上，触发对应的行为。
- 2021-06-14 03:11温柔彭于晏的博客 背景变色导航栏.wrap{width:210px;margin:20px 300px;}.wrap ul,#listA li{padding:0;margin:0;list-style:none;font-size:12px;}#listA li.on{background:#ccc;background:#f6f6f6;font-weight:bold;}.wrap ul{...
- 2022-05-08 16:52回答 3 已采纳 应该是给下拉区域显示的时候绝对定位，宽度给100%,适当的情况下可以按需求调整top、left、right、bottom
- 2017-12-16 05:53回答 11 已采纳 不考虑版权问题，直接chrome f12去copy css、js和html 如果你要多层导航，这里也有一个现成的 http://www.jq22.com/jquery-info1104
- 2021-11-09 17:17回答 2 已采纳 你要导航和页面容器分隔开，因为导航固定在上面了，下面的容器应该设置一个上方的margin-top，也就是上方边距，高度为导航的高度就好了，这样可以保证内容容器是在导航容器下方没有重叠，内容也就不会出现
- 韩曙亮的博客 一、横向导航栏实现核心要点 1、固定定位下面的布局设置 2、设置横向导航栏弹性布局 3、弹性布局主轴和侧轴设置 4、二倍精灵图 二、代码示例 1、HTML 标签结构 2、CSS 样式 3、展示效果
- 2019-06-04 13:21回答 5 已采纳 可以在父宽中写上样式如最大宽度并且居中如{max-width:1000px;margin:0 auto;}
- 2019-01-20 12:40CCULin的博客 基础的HTML语法我就不讲了，这写在W3C、菜鸟教程、壹佰教程等都能找到，下边我就分享一个前端导航栏是怎么写出来的： 1、工具 俗话说，工欲善其事，必先利其器，分享一个写前端的利器，Hbuilder，现在已经升级为...
- 2023-04-05 17:37韩曙亮的博客 一、盒子测量及样式 1、总体盒子测量及样式 2、左侧盒子测量及样式 3、中间盒子测量及样式 4、右侧盒子测量及样式 二、横版导航栏代码示例 1、HTML 标签结构 2、CSS 样式 3、显示效果
- 没有解决我的问题, 去提问
悬赏问题
- ¥15 各位请问平行检验趋势图这样要怎么调整？说标准差差异太大了
- ¥15 delphi webbrowser组件网页下拉菜单自动选择问题
- ¥15 wpf界面一直接收PLC给过来的信号，导致UI界面操作起来会卡顿
- ¥15 init i2c:2 freq:100000[MAIXPY]: find ov2640[MAIXPY]: find ov sensor是main文件哪里有问题吗
- ¥15 运动想象脑电信号数据集.vhdr
- ¥15 三因素重复测量数据R语句编写，不存在交互作用
- ¥15 微信会员卡等级和折扣规则
- ¥15 微信公众平台自制会员卡可以通过收款码收款码收款进行自动积分吗
- ¥15 随身WiFi网络灯亮但是没有网络，如何解决？
- ¥15 gdf格式的脑电数据如何处理matlab