我是一个初学者，想要可视化我在学习过程中所做的html和css变化，所以我想在我添加的所有元素周围设置一个边框。
问题:当溢出设置为隐藏时，html/body元素周围的蓝色边框会被切断，并且不会完全显示在边框的底部和右侧。
为什么当html页面的宽度和高度设置为100%时，边框仍会溢出？
<!DOCTYPE html>
<html>
<head>
<title> Practice Webpage </title>
<link href="stylesrevised.css
浏览 6提问于2017-04-13得票数 4
我使用的是ASP.NET MVC2。
当验证失败时，Html.DropDownListFor和Html.TextAreaFor会自动获得红色边框。
如何在验证失败时使TextBox (使用Html.TextBoxFor)的四个边框变为红色？
例如，我有一个必需的textbox，当用户提交表单时没有在TextBox中指定值，我希望textbox具有红色边框。
浏览 2提问于2010-05-14得票数 9
回答已采纳
我有普通的HTML输入字段，根据窗口/浏览器设置有默认边框。
在表单验证期间，我将元素的边框设置为红色。例如
elem.style.border = "1px solid #ff0000";
如果用户更正了输入，我希望删除红色边框，以便输入字段再次包含默认边框。
浏览 1提问于2010-08-17得票数 1
回答已采纳
1回答
HTML5中不支持表边框，但是CSS会将更改应用到我的所有表中，而不仅仅是1，有什么方法吗？
我想让一个表有边框，但是在HTML5中不支持“表边框”选项，我该怎么办？
CSS将对我所有的表进行更改，而不仅仅是一个.有办法绕过它吗？)
浏览 2提问于2016-12-10得票数 0
回答已采纳
html
<table border="1">
<tr>
<td>one</td>
<td>two</td>
</tr>
<tr>
<td>one</td>
<td>two</td>
</tr>
</table>
这将输出这样的边框
+---+---+
| | |
+---+---+
| | |
+---+---+
但是我只想在表格中显示边框，而不是像这
浏览 5提问于2013-09-04得票数 21
回答已采纳
1回答
在可滚动HTML框架上设置边框
、、、、
我有一个框架，它将承载导航树。我想在框的右边有一个蓝色的边框。这个边框应该从上到下填充整个框架区域，并且框架也应该是可滚动的。
框架没有固定的大小，它将填充整个浏览器窗口的左侧，并在用户调整浏览器窗口大小时更改大小。
树框架(和最小上下文)被定义为：
<html>
<head><title></title></head>
<frameset cols="250,*" frameborder="0" framespacing="0" >
<frame src=
浏览 2提问于2011-11-15得票数 2
回答已采纳
3回答
我在锚标签里有一张图片。我希望图像有一个厚重的灰色边框，当我用鼠标悬停它时，图像应该被一个薄的黑色边框包围，它不会完全覆盖灰色边框。我用两个边框实现了这个想法:图像有一个边框，锚点有另一个边框。在我的理解中，它应该工作得很好，但它不是:在图像的底部有一种填充边距。我是不是在风格上做错了什么？以下是我使用的代码，只需复制并粘贴即可亲自查看：
<!DOCTYPE html>
<html>
<head>
<style>
a img {border:1px #cccccc solid}
浏览 0提问于2012-10-15得票数 0
回答已采纳
这是我的html代码
<html>
<head>
</head>
<link href="https://fonts.googleapis.com/css?family=Roboto:300i,400" rel="stylesheet">
<style>
body {
font-family: 'Roboto', sans-serif;
font-size: 1.2em;
}
#head {
height: 50p
浏览 4提问于2017-01-17得票数 0
回答已采纳
2回答
我们有index.html，其中包括使用iframe的second.html，就像我们在index.html中看到的iframe边框一样
这里的要求是--我们需要用second.html编写内联脚本，这样在用index.html呈现second.html时，它将删除iframe边框。我们不允许在包含iframe的页面中进行任何更改，即index.html。
<div class="external">
<iframe src="/folder/second.html" width="100%" height="
浏览 4提问于2020-06-10得票数 0
1回答
我工作的角度7应用程序显示报告类别左侧菜单，我面对问题边框底部之间的每
类别和类别下面是更大，所以我需要边框小瘦。
我在做样本
我试图在css上改变什么
.sideNav > li:first-child {
border-top: 3px #e5e5e5 solid red;
}
我把3px变成了0px，但是在设计上没有什么变化。
另外，我尝试在html上更改以下内容
<ul *ngFor="let rep of allReportCategories;let i = index;" style="margin-top:2px;"
浏览 0提问于2020-06-11得票数 0
3回答
显示表的边框
、、
我想显示工具提示表的边框。我尝试使用css代码和html边框属性，但是工具提示表没有显示border.Please查找小提琴：。当我在表中的图像上鼠标移动时，就会显示工具提示，我希望显示工具提示表的边框。
下面是示例代码：
<table class="tooltipTable" style="position:absolute;">
<tr><td>row1 </td></tr>
<tr><td>row2</td></tr>
</ta
浏览 2提问于2014-12-17得票数 0
回答已采纳
我有一个简单的html表，如下所示：
我希望在整个表外有一个颜色为#990000的边框。所以我在表格外面做了一个表格，并将它的边框颜色设置为#990000。但是我仍然没有看到边框颜色。
浏览 2提问于2009-04-28得票数 8
我使用xls将html导出到一个JavaScript文件，如下所示：。我已经使用谷歌Chrome运行这个演示，但它应该运行在边缘或IE或FireFox也。
问题是，当我在Excel 2016中打开导出的文件时，它显示没有任何边框，即使导出的html中有CSS来显示边框。
问题：当html文件在Excel中打开时，有方法显示边框吗？与在Excel中打开的html相同，在浏览器中使用边框呈现，因此用于边框的CSS是正确的。的演示程序还显示了将html保存在Excel文件中。
HTML保存为xls文件
<html>
<head>
<style
浏览 8提问于2016-02-28得票数 10
回答已采纳
我在div中有一个div，它们都有边框。如何使内部div的顶部边框与外部div的边框重叠？
HTML：
<body>
<div id = "outerdiv">
<div id = "innerdiv">
content
</div>
</div>
</body>
CSS：
#outerdiv{
border: 1px solid black;
}
#innerdiv{
border-top:
浏览 9提问于2013-02-18得票数 1
我正在使用html2pdf生成pdf文件(即使用tcpdf库，_tcpdf_5.0.002)。总之，我无法正确地生成表边框。
require_once('inc/html2pdf/html2pdf.class.php');
$html2pdf = new HTML2PDF('P','A4','en');
$pdf_output = '';
// HEADER
$pdf_output .='<page backtop="8mm" backbottom="8mm" bac
浏览 3提问于2013-09-07得票数 2
回答已采纳
使用HTML边框属性很容易，但它们现在已经不存在了。
我找到的所有东西都是关于CSS处理边框的奇妙功能的。但是我如何告诉它打开一些图像(图片)的边框，而不是其他图像(图标)的边框呢？
浏览 0提问于2013-04-15得票数 3
我希望从屏幕上完全删除一个HTML表，并且以后仍然能够向它添加行。我有以下代码从表中删除所有行(基本上，它将表的内部HTML设置为"")：
function removeAllRows() {
table = document.getElementById("myTable")
table.innerHTML = ""
}
然而，当这个函数被调用时，该表并没有被完全删除.表上有一个小斑点，我认为这与一个表元素的1像素边框有关。
我想修改这个函数，以便从屏幕中完全删除表，这基本上是在表为空时隐藏表边框。
我能在样式块里放点什么来做这
浏览 1提问于2016-07-22得票数 0
回答已采纳
我正在处理一个html页面，其中我有一个包含两个子div的标题div
链接：
我想为标题div设置一个bottom-border，但是边框总是在最上面。我希望边框在底部。
请参阅链接。
浏览 0提问于2010-10-18得票数 1
回答已采纳
2回答
在我的html中，我有一个边框间距设置为2px的表格。可以删除表格第一列和左边框之间空格吗？当然，在表格的最后一个单元格和右边框上也是这样吗？这是我的html和css。 table{
table-layout: fixed ;
width:100%;
min-width:1024px;
padding:0px;
margin:0px;
border-spacing:2px;
} <table>
<tr>
<td style='background-color:#f63; border-left:no
浏览 27提问于2019-02-04得票数 0
这需要创建复杂的html表(或者使用div？)。THere是表格数据，但此表不能有外部边框，但内部边框(单元格周围)应仅存在于所选单元格。
换句话说:只有一些单元格应该有边框，而在“表格周围”没有边框。
可以用html table或div来完成吗？
浏览 15提问于2017-07-13得票数 0
回答已采纳
1回答
因此，我已经在我的Tumblr主题的照片周围设置了一些边框(这是我第一次做一个，所以请原谅我做了一些愚蠢的错误)，进入我的html并添加以下内容。
我试着对我的照片集做同样的事情，
{block:Photoset}
<div style="opacity:0.95; margin-bottom:-2px; width:100%;border:1px solid
{color:border};"> {Photoset}</div>
{/block:Photoset}
给它加上边框。但它只是在所有照片周围添加了一个大边框，而不是每一张照片，如下所示：
浏览 3提问于2014-05-22得票数 0
我的html结构如下：
<main class="main col col-sm-6" role="main" style="border:1px solid yellow;">
<div class="mycontainer" style="border:1px solid red;">
<div class="row" style="border:1px solid blue;">
<!--Place here so
浏览 4提问于2014-07-14得票数 0
回答已采纳
3回答
如何正确地向电子浏览器窗口添加边框？我的无框窗口的高度是根据页面中的内容，这使它很难添加边框在它周围。
我现在就是这样做的：
1)我将边框添加到html中：
html{
border-style: solid;
border-color: slategray;
border-width: 5px;
}
2)从渲染器一侧js计算窗口的高度：
let pageHeight = ( $('body').outerHeight(true));
$('html').height(Math.ceil(pageHeight));
let
浏览 12提问于2017-11-09得票数 1
回答已采纳
2回答
我正在开发chrome扩展，我想在css中设置边框半径并使用半径边框属性，但它绑定在子元素中。我的代码html如下：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" style="border-radius:10px">
<head>
</head>
<body>
content here
</body>
</html>
我希望边框如下图所示：
浏览 0提问于2015-01-12得票数 9
2回答
按钮边界与jQuery
、、、、
我有一个白色背景下的灰色边框按钮，当点击按钮，它将滑落菜单。
当用户单击按钮时，它会将按钮的底部边框更改为白色和向下的菜单，如果用户单击“从菜单中滑出”，则该按钮的底部边框将变为红色。
我试着解决在按钮单独，如果人没有点击内的下拉菜单，而按钮显示白色的底部边框，但再次点击按钮上滑上，在幻灯片上升后，我想改变按钮底部边框为灰色。
这是密码..。
这样做是做的是，当点击按钮，它将改变按钮的底部边框为透明和向下的菜单。
$(document).ready(function(){
$(".dropdown dt a").click(function() {
浏览 4提问于2013-08-29得票数 1
1回答
如果我们想实现以下目标，即以这样的方式设置边框，即边框将有厚厚的右下角，并在悬停时显示一个加号。
我所做的：我在表中选择了单元格。正常边界。甚至尝试过边框造型，但其中大部分都是圆形或断线边框，这在这里没有用。
：我试图在html表中模仿excel的系列填充功能。功能不是问题。我只是想让这些边框的造型正确，这样就更容易理解了。
那么，我们如何定制边框，以便仅使用css和html获得所需的效果？select.js
$(function () {
$('td').click(function () {
$(this).toggleC
浏览 5提问于2017-02-21得票数 1
4回答
我有一个在IE和Excel中呈现的html表格(用于报告)
如果我将边框宽度设置为thin，它会在IE中显示2px的边框，在Excel中显示1px的边框。
但是，如果我将其设置为1px，它在IE中显示为1px的边框，在Excel中显示为2px的边框(？)。
我怎么才能让它们都显示1px的边框，因为2px的边框看起来很可怕。
浏览 1提问于2011-07-22得票数 5
回答已采纳
3回答
我有一个导航栏，上面有3个“项目”。在小屏幕上，这个导航栏变成了一个菜单下拉菜单。在全屏导航栏中，我在"nav-item-1“(项目1)中的边框右边是1px。当边框变成菜单下拉菜单时，如何删除边框？顺便说一句，我正在使用Angular框架和HTML5，SCSS，TypeScript，Bootstrap 4。我在header.html中有这个：
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav col-
浏览 3提问于2020-07-05得票数 0
3回答
当我在HTML 5文档中添加边框时，页面元素的移动出现了问题。
我希望包含标题元素(灰色)出现在屏幕的顶部，但它似乎从内部div (红色)获得了页边距。然而，如果我添加一个边框到标题，它出现在我期望的地方，红色的内部div只移动一点点！
(第一幅图片:无边框；第二幅图片:带边框)
我尝试过设置相对或绝对定位，使用div而不是头元素，将边距和填充设置为0，使用HTML4文档类型等。这是HTML去掉的所有内容，但仍然无法工作。它发生在最新的Chrome & FF上。
救命！！我错过了什么？？或者其他的解决办法(除了保留边界)？
HTML:
<!DOCTYPE HTML&g
浏览 8提问于2012-07-26得票数 7
回答已采纳
示例:如果没有额外的html元素，是否可能从红色边框的左边框和右边框中删除灰色线？
代码很简单：
div {
width:300px;
height:100px;
border:1px solid #CCC;
border-top:15px solid #C90110;
}
此代码用于电子邮件html布局，因此我不确定它是否可以解决阴影。
浏览 1提问于2014-04-24得票数 1
回答已采纳
我试图：
在表的外部创建一个边框，使边框具有半径，当我应用样式时，分别声明所有4个边框(如下所示)，每一行之间的线条也会变成坚实的橙色。如果我向外注释1，行之间的行不会受到影响。我不想换衣服。
此外，我能够使角有一个半径，但我不知道如何使边界遵循这个半径。在我的示例中，我添加的边框是正方形的，但您仍然可以隐约看到表的半径。
任何帮助都是非常感谢的！
import dash_bootstrap_components as dbc
from dash import html
import dash
app = dash.Dash(__name__, external_stylesheets=[d
浏览 5提问于2022-10-15得票数 1
回答已采纳
2回答
我有一个带有下拉菜单的导航。现在这些下拉菜单项在右边和左边都有边框，但是在下拉式菜单的最后一项上，我不喜欢有右边框。
HTML
<ul id="mainNav">
<li>
<a href="#">Link1</a>
<ul class="dropDown" style="dislay:none;">
<li><a href="link.html">SubLinkA</a></li>
&l
浏览 0提问于2011-05-13得票数 1
3回答
我正在转换XSLT，以生成从SQL Server数据库生成的HTML和XML。我正在填充一个HTML表。但问题是，如果单元格为空，则该单元格周围不会出现边框。
我试过使用
ISNULL(FirstName, ' ') AS 'FirstName'
但它给我的输出如下：
<SpokenTo>&nbsp;</SpokenTo>
有没有其他方法可以在空单元格中插入 以获得其周围的边框。
提前谢谢。
浏览 0提问于2011-08-02得票数 1
1回答
我试图在HTML/CSS中重新创建一个空间入侵者的“像素化”版本，使用带有30px边框的单个2px方块。
感谢Sunyatasattva，这是我目前所拥有的：
但是，请注意，只有“内部”正方形的周围都有正确的2px黑色边框，而“外部”正方形的任何一侧如果不面向相邻的方块，则只有一个1px边框。
如何才能让每个广场都有合适的2px边框？
浏览 2提问于2013-03-11得票数 0
Firefox和IE在进行打印预览时会显示图像周围的边框。这是一个包含两个div的简单页面，每个div包含一个400px的图像宽度，容器div为800px。我不希望在打印预览时在两个图像之间出现白色边框。我有什么地方做错了吗？(在chrome中，它不显示白色边框。)
我也尝试过这段代码用于打印css，但没有成功。
<style type="text/css" media="print">
.test{float:none;display:inline; border:none;}
img{border:0;}
</style>
代码是：
浏览 6提问于2012-10-12得票数 0
5回答
我使用引导版本3.0.1创建一个网格，当我在网格的行中添加一个边框时，我可以看到，合并在一起的行在那里的边框，我得到一个更厚的边框。
这是我的密码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Test</title>
浏览 9提问于2013-11-03得票数 30
回答已采纳
我刚刚构建了一个页面，上面什么都没有，只有一个div，包含一个标题和两个段落。我在CSS中在div周围放置了一个边框。当我浏览到页面时，div和段落有边框，最重要的是有两个空的边框“div”。你自己看看：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html>
<html>
<head runat="serv
浏览 3提问于2017-10-10得票数 1
回答已采纳
我猜outlook 07+ (使用MS的html)不支持全局CSS (*)，并且向单元格添加边框间距0和填充0是不起作用的，那么我需要做什么来摆脱单元格边距和边框间距？
编辑*边框-折叠也不起作用。我需要为html电子邮件指定Doctype才能使其工作吗？
浏览 4提问于2011-06-09得票数 0
1回答
我有一个工作的jQuery UI可排序。在每个项目周围都有一个边框，但是为了防止在项目之间出现双重边界，我移除了项目的边框底部。相反，我在容器上添加了一个边框底部。
虽然第一眼看上去是正确的，但是当开始拖动元素时，它并不能很好地工作。在这一点上，它显示项目没有边框底部。如何既可以在拖动项周围设置边框，又能在不拖动时防止出现双边框？
html
<ul id="sortable">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
css
#so
浏览 1提问于2017-06-05得票数 2
1回答
我有一个主页，在视图端口顶部有一个navigationBar，包含两个按钮。
一个是默认选择的主按钮，它调用/显示home.html。另一个例子是Ubuntu，它调用UbuntuTutorial.html。
当选择home时，主页按钮的底部边框是彩色的，而Ubuntu按钮的底部边框是透明的，以向用户显示他实际上在我的网站的主页部分。
现在，从专业的角度来看，创建两个几乎类似的CSS是否是一种常见的模式，其中唯一的区别是单击按钮的颜色底部边框(即home或ubuntu)，或者，我更喜欢的是，获取当前显示的html文件并用js对特定按钮的底部边框进行颜色.避免多个css，其中只有一行不同。(但也要
浏览 0提问于2015-04-03得票数 1
回答已采纳
1回答
用照片创建树形图的技术？
、、、
我希望使用PHP、HTML和CSS创建动态树形图。模型如下：
图像需要是可点击的链接，我不喜欢使用图像地图，因为这将是成本很高的即时生成。
我在考虑使用一些有创意的<div>布局，如下所示：
其中虚线表示不可见的边框，实线表示可见的边框。html将相当粗糙，但生成它的代码应该只是几个干净的循环。
有没有更好的方法？
浏览 2提问于2012-02-16得票数 0
回答已采纳
1回答
我试图在另一个元素的边框上创建一个边框。
我有类似下面这样的东西
html
<table class='table'>
<tr>
<td>123</td>
<td class="pick">123</td>
<td>123</td>
</tr>
<tr>
<td class="second" style="text-al
浏览 2提问于2015-02-04得票数 0
我需要更改我构建的表的边框属性，但是我在一个内容管理系统后面操作，它不允许我编辑样式表，只允许编辑页面的HTML。
因此，我可以使用<table style="....">操作一些表属性，但是当我使用border属性时，它只影响外部边框，而不是单个单元格之间的边框。
显然，我可以将<table>规则添加到<table border="1px">标记中，但这些规则不会覆盖影响边框的外部样式表，因此我需要一个内联的CSS解决方案。
更改单元间边框的唯一方法是手动向每个td添加边框属性，还是遗漏了什么？
谢谢你的帮忙,
浏览 7提问于2013-03-15得票数 7
我有一个简单的C++ SDL2程序，我正在使用emscripten在浏览器中运行它。Emscripten生成两个文件(javascript和webassembly)，并将所有内容渲染到HTML画布中。我在互联网上找到了这个简单的HTML画布，它工作得很好，但由于某些原因，它的左边和顶部都有白色的边框。如何删除这些边框？下面是HTML代码： <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv=
浏览 13提问于2021-10-27得票数 1
回答已采纳
2回答
我想做这个文本框
如你所见，div有两个部分--底部的背景图像和边框，我已经做过了：
HTML：
<div class="person">
<p>Text Text Text</p>
</div>
CSS：
.person {
background: url('../images/results_title.png') repeat-x bottom;
border: 1px solid #000000;
min-height: 32px;
}
问题是边框在背景图像的上方。底部的背
浏览 0提问于2012-01-03得票数 0
1回答
我正在为常规表生成HTML代码：
<table cellpadding="0" cellpadding="0">
<tr>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<tr>
</table>
生成后，我在浏览器(Firefox)中打开HTML文件并将其复制并粘贴到空白的Google中，但是Google会将表翻译成没有边框和默认格式的表。
有一种
浏览 2提问于2017-05-03得票数 2
回答已采纳
我希望有两个边框，一个左边框和一个右边框，并在1em元素中实现。
我成功地添加了一个额外的HTML元素，然后我对其进行了样式化，但是我发现这不是一个优雅的解决方案，我希望仅使用::before和::after在纯CSS中实现这一点。
不受欢迎的：
<nav>
<div style="lines"></div>
Content
<nav>
所需：
<nav>
Content
<nav>
我不想添加任何额外的HTML元素。我希望两个边框相对于lightblue <nav>框的内部放置&l
浏览 2提问于2022-06-29得票数 0
回答已采纳
1回答
我正试图为我的网站创建一个导航栏，一些奇怪的事情正在发生。它是导航栏的边框，我不能移除它？我试着寻找错误，但没有结果。我尝试在样式标签中将边框设置为0px，但没有工作，边框仍然在那里，怎么做？请提前帮助我，谢谢
这里的代码：
<!DOCTYPE html>
<html>
<head>
<style>
#nav {
overflow: hidden;
background-color: #282e30;
border: 0px;
}
#nav a {
float: left;
color: #fff;
text-align
浏览 0提问于2017-04-26得票数 1
回答已采纳
3回答
我一直在用codecademy学习HTML/CSS，我的CSS边框有这个问题。我需要我的h1以边框居中，但我不希望边框延伸到页面的末尾。以下是我的代码
<h1 style="color:#0034ff; padding:20px; border-style:ridge; border-width:5px; text-align:center;">HTML Testing Page</h1>
我计划很快制作一个单独的样式表，我只是将CSS放在HTML文档中来测试它。这个边框位于页面的末尾，如果我放入display:inline或display:inline
浏览 4提问于2012-09-17得票数 2
回答已采纳
6回答
我想给图片加上边框，当我用HTML编写代码时，就会得到一个边框。但当我在CSS中尝试它时，边框将被放置在页面的西南方向，与我的图像分开。
<img id="maxaboutme" />
<img src="C:\Users\M de Witte\Desktop\html\aboutme\maxpannenkoekenhuisHTML01.jpg"
height="300px" />
CSS
#maxaboutme{
border: solid grey;
border-width: 15px;
浏览 0提问于2016-05-04得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
