在HTML/CSS中，我的两个按钮之间有一条小蓝线
在HTML/CSS中，你可以使用伪类选择器来为按钮之间添加一条小蓝线。具体的实现方法如下：
- 首先，在HTML中给两个按钮添加一个共同的父元素，例如一个div容器：<div class="button-container"> <button>按钮1</button> <button>按钮2</button> </div>
- 接下来，在CSS中使用伪类选择器为按钮之间添加样式。可以使用::before或::after伪类来创建一条小蓝线，并设置其样式：.button-container button + button::before {
content: "";
display: block;
width: 1px;
height: 10px;
background-color: blue;
margin: 0 auto;
}这段CSS代码中，
button-container button + button选择器表示选中紧跟在另一个按钮后面的按钮。::before伪类用于在选中的按钮之前插入一个伪元素，通过设置其宽度、高度、背景颜色和居中对齐来创建一条小蓝线。 - 最后，你可以根据需要调整伪元素的样式，例如修改宽度、高度、颜色等。
这样，你的两个按钮之间就会有一条小蓝线了。请注意，这只是一种实现方式，你可以根据具体需求进行调整和修改。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云开发（CloudBase）。
- 腾讯云云服务器（CVM）：提供弹性计算能力，可根据业务需求灵活选择配置，支持多种操作系统和应用场景。了解更多请访问：腾讯云云服务器（CVM）
- 腾讯云云开发（CloudBase）：提供一站式云端研发平台，支持前后端一体化开发，提供丰富的云开发能力和工具，助力开发者快速构建应用。了解更多请访问：腾讯云云开发（CloudBase）
相关·内容
这是两个按钮的图像，中间有一条小蓝线。这是我的css/html
<body>
<div class="top">
<h1></h1>
</div>
<div class="top-rectangle">
</div>
<div class="top-main">
<p class="title3"></p>
</div>
<di
浏览 36提问于2018-07-08得票数 0
1回答
我在做导航条。它的底部有一条边界。现在，我想为活动类提供另一个边框颜色。它应该代替导航边界，但它显示在上面。
如何将蓝线放在“活动主页”按钮下的绿线位置，并在其余部分保持绿色？
CSS代码：
HTML：
浏览 5提问于2014-05-24得票数 0
回答已采纳
这是一个
我有这段代码，我试图让一个按钮周围有一条蓝线。但是当我运行代码时，我只在按钮的顶部看到一条蓝线。我添加了disply: inline-block，但这似乎不起作用。有没有什么方法可以让div的边框围绕着输入按钮？
<div id="A">
<div style="border: 1px solid Blue">
<input style="float: left; display: block" type="button" onclick="doTest('
浏览 0提问于2011-06-11得票数 2
回答已采纳
3回答
我只想找到地图上的位置之间的最短路径。我们必须通过位置的地理位置，然后点击按钮获得方向。它会像一条蓝线一样显示最短的路径。怎么做？我搜索这个。他们中的许多人导入了com.google.googlenav包。我要从哪弄到这个？知道吗？
编辑:下载了Cloudemade。如何绘制各点之间的线.
浏览 2提问于2010-04-01得票数 2
回答已采纳
我有一些div的下一个css规则-
.somediv {
background-color: #20b2aa;
cursor: row-resize;
z-index: 800;
height: 7px;
}
基本上这是一条蓝线。
现在我要做的就是在中间设置一些区域，比如说黑色。
是否可以只使用css规则，而不添加任何html元素？
感谢你的任何帮助
编辑
我想做的是-
=======black==========
=-表示蓝色区域
浏览 0提问于2014-12-04得票数 0
1回答
我有一个动态标签系统，因为每次标签被激活时，它的文本和下面的一条线都会变成蓝色。问题是，我需要这条线以灰色占据整个屏幕宽度，蓝线显示在同一条灰色线上，表示活动的选项卡。这是我的html
<div class="tabs d-flex flex-row">
<div *ngFor='let category of this.market; let i = index'>
<h2 (click)="selectedTab = i" [ngStyle]="sele
浏览 14提问于2020-05-21得票数 0
回答已采纳
3回答
我有以下HTML：
<div id="a"><div id="b">aga ad gdas ga gs ds da dgs sd ds dg gdgsdgwa</div></div>
和CSS：
#a, #b {
position: absolute;
height: 10px;
font-size: 10px;
white-space:nowrap;
display: block;
}
#a {
width: 200px;
overflow:
浏览 0提问于2012-03-13得票数 7
回答已采纳
1回答
我有一页是这样的：
<html>
<body>
<div id="outer">
<div id="inner">
<img width="300" height="250" src="someimage.jpg"/>
</div>
</div>
</body>
</html>
CS
浏览 8提问于2013-03-04得票数 2
回答已采纳
我的html中有一个枚举下拉列表，如下所示。
@Html.EnumDropDownListFor(model => model.Status, new { @class = "btn btn-default btn-lg dropdown-toggle", id = "enumstatus" })
它有一个枚举状态的id。我正在尝试让visual studio识别它，但在‘枚举状态’名称下有一条不变的蓝线。
当我运行应用程序时，它似乎正确地提取了值，它只保留了一条蓝线，说明它“无法解析id枚举状态”。
浏览 1提问于2015-02-21得票数 0
1回答
c#面板线覆盖
、、、、
在画板事件中，我有一个代码，它应该在两个点之间画一条蓝线。
private void panel1_Paint(object sender, PaintEventArgs e)
{
panel1.AllowDrop = true;
listBox1.AllowDrop = true;
if (!s.IsEmpty && !f.IsEmpty)
{
e.Graphics.DrawLine(new Pen(Color.Blue, 5f), f, s);
浏览 1提问于2012-12-16得票数 0
回答已采纳
我目前有它的地方，当前的链接是“下划线”，但下划线是一个图像，因为我希望它看起来像Android的风格。在普通台式机上加载网页时，图像如下所示：
图像本身是一个简单的图像，顶部90%透明，底部1/8为蓝色。每当网页加载到手机上时，它都会变成这样：
它的css是：
#currentlink
{
background-image:url('../images/menu-underline.png');
background-position:center;
}
使用此html：
<div id="menu">
浏览 0提问于2014-01-13得票数 0
1回答
我有一条2d线(可以是一条曲线，有循环等等)和多条相似的路径。我想比较第一条路径和其他路径，并确定哪条路径最相似(如果可能的话，按百分比计算)。
我在想，也许可以把路径转换成位图，然后用一个库来比较位图，但这似乎有点过火了。在我的例子中，我只有一条不间断的路径，由点组成，没有不同的颜色或任何东西。
有谁可以帮我？
编辑：
第一行是黑色的。我把其他的台词和它比较一下。我想要一个库或算法，它可以说:红线的准确率是90% (因为它的形状几乎相同，并且接近黑色的)；蓝线的准确率是5% -这个百分比是由这个例子组成的.-因为它有一个相似的形状，但它更小，不接近黑色的路径。
因此，相似性的标准是：
这
浏览 3提问于2013-09-12得票数 4
回答已采纳
1回答
我有一个这样的情节(黑点)：
我计算了一些点的平均值(平滑--图中的红点)。然后，我可以用lines()函数在这些点之间画一条线(图中是蓝色的)。我现在想要的是蓝线的数据。
有人知道怎么做吗？有可能吗？
浏览 1提问于2016-12-01得票数 0
回答已采纳
当我使用单元格选择按钮选择一个单元格时，单元格的设计发生了变化。底部有一条蓝线(可能是由于选择突出显示)，圆角变为浅蓝色。
请建议解决此问题的方法。我不想要这两种效果。
浏览 6提问于2013-11-13得票数 0
1回答
使用tkinter，我正在尝试构建一个简单的GUI。但我遇到了一个问题。
我有两个帆布，看到红色和绿色的方块，在一个更大的帆布上。我想用一条线(蓝色)把两个画布连在一起。
我创建了2张(红色和绿色)画布，这些画布四处移动。
但是编码蓝线我被卡住了。我想在移动的2帧之间编码一条线。无论相隔多远，线路都必须连接。所以我想知道这是否可以用tkinter或者ttk？
下面是我心中的一个小幻象。
浏览 6提问于2022-02-03得票数 0
回答已采纳
目标：创建一个带有CSS滚动的可点击按钮。这个按钮应该是蓝色的，当鼠标在上面的时候，颜色会变成橙色。
Problem：我的技术适用于主要浏览器(Chrome、Firefox、IE)。但是当我缩放页面时(默认情况下在Chrome中这样做)，当鼠标在按钮上方时，按钮顶部会出现一条小的水平蓝线
下面是一个问题的图像：
对于如何解决这个问题，有什么想法吗？
当缩放设置为100%时，没有问题。但一旦我将Chrome的缩放设置为110%或120%，它就会出现。我在Firefox中用不同的缩放值测试了页面，没有任何问题。我还在IE9中进行了测试。100%，125%，200%的缩放没有问题，但同样的问题出现
浏览 4提问于2012-09-02得票数 4
回答已采纳
1回答
所以我已经上传了两个图形作为导航按钮到我的网页。与按钮相同颜色的一小行，出现在两个按钮的下面和中间。这是一张显示问题的图片。
这些按钮是在烟花中创建的，然后我保存了它们，并在我的网页上链接到它们。这不是一条线，它来自于图形中的缺陷。用填充展开图形并不能修复它，如下所示：
也不试图为边框放置CSS值，以避免由于某种原因而将其作为一小块边框。我知道这并不是图形上的缺陷，因为这两个图像单独在单独的网页上没有产生任何线，遗憾的是，我不能在这里发布屏幕截图，因为缺乏声誉(不超过2个链接)。
因此，我不知道如何删除这条恼人的线，当他们是在一起的时候。这仅仅是两个按钮，目前，但它将开发成一个完整的网页最
浏览 4提问于2015-02-09得票数 3
回答已采纳
我使用了CustomAction中的两个对象向工具栏添加了2个按钮:它工作得很好(使用javascript回调)，但是现在，当相应的工具被激活时，我想在这些按钮下面显示/隐藏蓝线(=将样式'bk-active‘添加到对应于这些按钮的div中:如何做到这一点？是否可以向CustomAction添加html id？或者如何通过Bokeh对象或cb_obj或这个来访问javascript端的html div？(这是一个独立的文件，没有服务器)谢谢
浏览 2提问于2021-06-17得票数 0
我正在使用开发人员工具并查看网络活动。我看到了这两个。一个有一条红线，另一个有一条蓝线。有没有人能解释一下区别是什么。When是用户将看到页面的时间点。它是“加载”还是"Dom内容加载“？
浏览 0提问于2013-03-03得票数 1
回答已采纳
2回答
我一直在做一个小的照片滑块。它在Chrome和FF中的外观略有不同，所以我认为CSS重置会让它们看起来都一样。我用的是Yahoo！YUI CSS重置模型，但没有任何更改。它在FF中看起来不错，但在Chrome中，右侧的“恢复”按钮太高，大图片底部的一条细长的灰色线条在主要按钮所在的位置被切断。以下是URL：
你可以忽略圆圈下面的东西。只是在测试下面的东西。
下面是我添加到我的02.html文件中的内容：
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.
浏览 1提问于2011-10-15得票数 0
回答已采纳
2回答
我在一个网站上有两个不同的表单，我不确定到底是什么导致了这个问题。
表单1：
表单2：
在表单1中，如果您单击按钮提交(不输入任何信息)，您会看到一条错误消息，显示了我想要的方式。
但是，在表单2中，如果您单击按钮提交(不要输入任何信息)，您会看到一条错误消息，但它显示的错误消息比表单1中的要高得多。
我不知道到底是CSS、Javascript还是HTML导致了这种情况的发生。有人能帮我吗？
浏览 4提问于2014-03-04得票数 0
我正在做一个模板平台，我正在使用的外观材料设计。我刚开始编写输入被注入到表单中的部分。问题是，我刚刚开始注入文本输入，看起来应该是这样，但onclick css不起作用！( onclick css使一条蓝线从文本输入的中心展开，表示输入处于焦点位置)
这就是我注入html的方式：
document.getElementById("smallTextField").onclick = function () {
let div = document.getElementById("formContainer")
div.insertAdjacentHTML(
浏览 7提问于2018-09-07得票数 1
3回答
在两个同级节点之间可以有不同颜色的树线吗？
我想说明这两个节点是通过一条蓝线连接在一起的。但是，整个JTree的默认颜色是灰色或黑色的角度线。在某些节点之间可能有部分不同的颜色线吗？
浏览 0提问于2011-07-25得票数 3
回答已采纳
1回答
我得把马克(蓝色)的(蓝色)连接到每个列表之间。我想用一条蓝线连接他们。但我找不到办法去做。这特别复杂，因为
可以改变。所以，我不能做一条固定高度的线。我得让子弹之间的空间灵活些。
.{列表式类型:光盘；}..my cv li{ color：#5 dc5ef；}..my cv span{颜色:黑色；}
浏览 3提问于2017-10-17得票数 0
回答已采纳
1回答
在Google中，我创建了一个线条图。
📷
我想增加一条趋势线。为此，我单击蓝线并从趋势线下拉列表中选择Linear。
没有出现趋势线。然后，当我右键单击该图形并选择Trendline 0时，如下所示
📷
然后这个出现了
📷
我对潮流的热爱让这件事特别令人恼火。
我在任何地方都找不到有同样问题的人..。
浏览 0提问于2015-03-17得票数 -1
我写了一个包含一些按钮的html页面。我想做的是让它们看起来像这样：
我对css一点也不擅长，我尝试了一些组合，但我得到的是它们“低于蓝线”，如下所示：
以下是我的html代码：
<div class="module form-module">
<div class="flex-container">
<article class="article">
<table>
<tr>
<td&
浏览 4提问于2017-01-26得票数 0
回答已采纳
1回答
如何使D3线从一开始就隐藏起来？
、、、、
所以我现在有这张图，上面有两行。一条蓝线和一条红色。我在蓝线上有一个函数，点击它就会隐藏红线。但是我希望红线隐藏在页面加载中，然后当你点击蓝线.它显示了红线。有人知道怎么做吗？
蓝线：
svg.append("path")
.attr("class", "line")
.attr("id", "blueLine")
.attr("d", valueline(data))
.on("click", function(){
// Deter
浏览 5提问于2015-07-16得票数 0
回答已采纳
我正在HTML文件中开发一个页脚(简化，包括在下面)。我有两个链接，左边的图片叫做：
footer1footer2
在Firefox 13中，超链接的蓝线不会出现在这两个图像/链接周围，这是需要的。在IE 8中，尽管包括css (见下面的文件)，但蓝线还是拒绝离开：
#footer1 a{text-decoration:none;}
我想让蓝色链接的链接在左边两个图片/链接离开，并保持文字装饰在我的其他链接。
提前感谢您的帮助。
史蒂夫
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
浏览 2提问于2012-06-18得票数 3
回答已采纳
1回答
我在主要的大画布上画了一些彩色线条。有三种颜色可供选择:红色、绿色、蓝色。为了进一步使用，我有3个小画布(称为#canvasR #canvasG和#canvasB)，我根据颜色绘制每条线，例如。所有(也是唯一的) #canvasR中的红色。一切都运行得很好，除了对我来说有一个大谜团:当我在主画布(onmousemove > onmouseup)中绘制第一条蓝线时，第二条蓝线出现在#canvasB中……一切都是正确的。但是当我想在其他地方(第二个onmousemove > onmouseup序列)绘制第二条蓝线时，在主画布中一切正常，但在#canvasB:一条不需要的新蓝线连接第一条
浏览 4提问于2014-05-02得票数 0
2回答
我指的是Matplotlib站点中的这个。在蓝色“经验”曲线的右边，有一条垂直的蓝线，这是最右边条的右边。
如何在不改变x轴限制的情况下移除这条垂直的蓝线？
浏览 0提问于2017-10-14得票数 6
回答已采纳
2回答
我想显示一个输入元素，它的右边有一个按钮，这样输入元素的宽度加上一个小间隙加上按钮的宽度占据了容器的整个宽度。这闻起来像是一张桌子上的工作。
我的基本CSS和HTML如下所示：
.css-table {
display: table;
}
.css-tr {
display: table-row;
}
.css-td {
display: table-cell;
}
<div class='css-table'>
<div class='css-tr'>
<div class='css-td&
浏览 6提问于2020-06-24得票数 1
回答已采纳
1回答
我想找到一种方法，可以使用鼠标指针在整个浏览器页面或其中的一部分上绘制。它将只是一条蓝线，它将在按钮被单击时创建。
有没有替代Flash的技术？
谢谢
浏览 0提问于2012-03-01得票数 1
回答已采纳
如何在CSS中的元素上同时生成内部阴影(顶部)和外部阴影？
Facebook在其移动应用程序中使用的按钮有两个：
按钮顶部有一条小小的白线，
在按钮底部有一条小小的白线。
有坚实的边界
浏览 2提问于2013-05-08得票数 0
2回答
当我在我的网站中创建 时，它会显示一条很小的线，这条线可以隐藏在一些元素上，因为我通常在CSS按钮上使用它们，但我有一个if语句，它说明如果这不显示结果，如果不显示不间断的空格。
如何将 重置为不显示任何内容？
浏览 0提问于2010-04-14得票数 1
回答已采纳
2回答
我试图通过路由更改将DOM元素从一个位置动画到另一个位置。例如：
+------+
| o | (o = the element)
| |
| |
+------+
点击按钮，路线改变。在新模板上，按钮在下面：
+------+
| |
| |
| o |
+------+
现在，对于视图，我有两个单独的html文件，按钮是两个独立的DOM元素。在改变路线的过程中，如何将按钮从一个位置移动到另一个位置？
编辑:我建立了一个例子来说明我想要完成的。该示例中缺少的关键组件是两个页面位于同一条路径上。我想动画这个过渡跨路线，与整个不同的内容在每
浏览 7提问于2015-02-21得票数 1
回答已采纳
1回答
HTML中有多个div元素，它们相互嵌套，用于围绕整个文档形成一个框架。
似乎我没有完全掌握样式属性(我对CSS相当陌生)，因为内部div的右侧和底部实际上超出了父div的维度。
@page {
margin: 0cm;
/* Set margin on each page */
}
html {
height: 100%;
width: 100%;
padding: 5px;
}
.dina4frame {
height: 1050px;
width: 730px;
}
.bluethin {
background-color: #0B233D;
浏览 2提问于2022-08-10得票数 0
回答已采纳
3回答
我的Photoshop文件中有一张形状怪异的图片。我让背景变得透明。然后我在我的网站上把这个文件做成了一个图片按钮。唯一的问题是，当图片在我的网站上时，我仍然可以点击图片的透明部分。我基本上只想能够点击对我的图像按钮不透明的部分。我尝试过html映射，但这对我不起作用，主要是因为当您单击映射的部分时，会出现一条蓝线，这很烦人。
任何提示都是非常有帮助的。我在这个问题上被困了好几天了。
下面是我创建的图像的链接：
浏览 1提问于2014-11-11得票数 1
我有一个图，在两个轴上都是对数的。我有pyplot的loglog函数来做这件事。它还给出了两个轴上的对数刻度。
现在，使用numpy我将一条直线拟合到我拥有的一组点上。但是，当我在绘图上绘制这条线时，我得不到一条直线。我得到一条曲线。
蓝线是所谓的“直线”。它没有被直接绘制出来。我想把这条直线拟合到红点画的曲线上。
下面是我用来绘制点的代码：
import numpy
from matplotlib import pyplot as plt
import math
fp=open("word-rank.txt","r")
a=[]
b=[]
for li
浏览 7提问于2015-06-05得票数 5
回答已采纳
4回答
我有一个JavaScript函数，如下所示：
function UpdateFilterView() {
if (_extraFilterExists) {
if ($('#F_ShowF').val() == 1) {
$('#extraFilterDropDownButton').attr('class', "showhideExtra_up");
$('#extraFilterDropDownButton').css("display", "bloc
浏览 3提问于2011-03-05得票数 65
基本上，由于Destop和节能的设置，在文件夹中，你可以拖动任何文件夹到它，我设计了一个应用程序，它具有相同的功能，最近我收到一个bug，它说，如果你拖动一个挂载的设备从侧边栏到它，一条蓝线会出现，我尝试在这个本地设置，它不会出现蓝线，我认为Mac OS X有一个方法来判断拖拽来源和禁用这种拖动，所以蓝线不会显示。但我不知道该怎么做。
浏览 1提问于2016-02-15得票数 0
我显示了一些文本，下面出现了一条蓝线
和这个问题一样
对此和其他人的回答是，它对html4无效，但对html5有效。在这种情况下，为什么小提琴会出现这个问题？解决方案是什么？
谢谢
浏览 2提问于2012-09-07得票数 2
回答已采纳
当dijit布局选项卡被选中时，我想去掉css效果。
当我单击选项卡时，会出现一个不专业的虚线框，您可以在“项”选项卡中看到。此外，选项卡变得更大，并在上面有一条蓝线。我如何摆脱这些效应。
下面是一个例子：
浏览 1提问于2018-03-14得票数 1
回答已采纳
我在css中遇到了这个问题，例如，我在css中有两个不同的状态
#koolbutton .active {
color: #fff
}
#koolbutton{
color: #ccc //not active
}
当我尝试此html时
<button id ="koolbutton" class="active">
它给我的是普通的灰色按钮，而不是白色的活动按钮！谢谢
浏览 1提问于2012-08-09得票数 0
回答已采纳
1回答
我正在开发一个图表应用程序，其中有两个多线，例如Polyline A(在下图中显示为红色线)和Polyline B(在图像下面显示为蓝色线)。
图表中可以有两个条件：
当红线与上面的蓝线相交，然后停留在蓝线以下时，我想用一些颜色填充这个区域。
当红线从下方与蓝线相交，然后保持在蓝线之上时，我想用其他颜色填充这个区域。
浏览 3提问于2012-07-26得票数 1
4回答
doc.html
.column {
background-color: orange;
width: 75%;
vertical-align: top;
display: inline-block;
height: 200px;
}
.nav {
vertical-align: top;
display: inline-block;
width: 25%;
background-color: lightgreen;
height: 200px;
}
* {
box-sizing: border-box;
padding: 0px;
ma
浏览 4提问于2016-10-02得票数 2
回答已采纳
1回答
我有一个网站，其中包括index.html和style.css以及图片文件夹。而且，我想在我的网站主页( so index.html)上创建“切换到另一个主题”按钮，它将在两个css之间切换。请告诉我：
我需要有两个css类似- style1.css和style2.css吗？
我是否需要有两个索引页
( a)链接href="css/style1.css“rel=”样式表“type=文本/css”media=“所有”/>“
( b)链接href="css/style2.css“rel=”样式表“type=文本/css”media=“所有”/>“
你能告诉我
浏览 3提问于2015-11-30得票数 0
我使用的表单包含一个“发送”按钮和一个“删除”按钮。
一旦页面被加载，就好像这个'delete‘按钮被“选中”了--也就是说--它被一条蓝线包裹住了，而且当按下"enter“按钮时，点击这个按钮时所调用的js函数也会被触发。
在火狐和chrome中它工作得很好，我该怎么做才能让页面加载时这个按钮不会处于“选中”模式？
*删除按钮是页面中出现的第一个按钮，我发现IE出于某种原因突出显示了页面中的第一个按钮。
提前感谢
浏览 2提问于2012-08-28得票数 1
2回答
我正在尝试绘制一个图来显示一系列数据的模式，比如这里的y。现在的代码是 y <- c(1:5,0,3:6)
x <- c(1:10)
data <- as.data.frame(cbind(x,y))
ggplot(data=data, mapping=aes(y=y, x=x,color= x>6)) +
geom_line(size=1)+
geom_point(size=2)+
geom_hline(yintercept = 0, linetype = "dashed")+
theme(panel.background = ele
浏览 30提问于2021-07-24得票数 0
回答已采纳
我用html制作了一个表单，其中包含两个输入字段first name和last name，并将required属性添加到输入类型标记中。我还制作了两个按钮Submit和View。如果两个字段都为空，则显示please fill out this field attribute消息。当我单击submit按钮时，表单中的数据使用php进入我的sql数据库，这很好。但是当我单击查看按钮时，我只想显示一条消息，而不填充first name和last name文本区域。如何使用查看按钮执行此操作？
我希望输入类型标签的“必需”属性只对提交按钮起作用，而不对视图按钮起作用。我该怎么做呢？我用HTML表示表
浏览 2提问于2016-04-28得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
