标签: border
将CSS宽度设置为100%+缺少右边框？
我将div的宽度设置为窗口的100%.当我对此div应用边框时,右边框被切断.我是否必须对此进行盒子模型破解？
#textBoxContainer {
width:100%;
height:30%;
position:fixed;
z-index:99;
bottom:0px;
left:0px;
background-color:#999;
border: 4px solid #000;
}<div id="textBoxContainer"></div>推荐指数
解决办法
查看次数
如何删除表中的边框间距
我有一张桌子,第一排就好
<tr>
<th>1</th>
<th>2</th>
</tr>
我把黑色背景放到"th".现在1和2单元格之间有某种边界/分隔它们......我看了一下源代码,我想我找到了一些东西:
border-collapse: separate;
border-spacing: 2px;
这个CSS代码在源代码中列为"用户代理样式表",我无法启用/禁用它来测试这是否是问题,但我尝试添加了相同的代码,但是带有"none"和"0"参数但是它既没有帮助......
有人可以帮助并指导我来自哪里的边界？
推荐指数
解决办法
查看次数
在bootstrap中如何在不添加的情况下向行添加边框？
我正在使用bootstrap 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>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<style type="text/css">
body {
padding-top: 20px;
padding-bottom: 40px;
}
.container {
width: 420px;
}
div.row {
border: 1px solid;
}
</style>
</head>
<body>
<div class="container">
<div class="row heading">
<div class="col-md-12">Header</div>
</div>
<div class="row subheading">
<div class="col-md-12">Some text</div>
</div>
<div class="row footer">
<div class="col-md-12">Footer</div>
</div>
</div>
</body>
</html>
这就是我得到的.如何在没有相邻行添加边框的情况下使用边框？,即:我希望所有行都具有1px的边框.
谢谢
推荐指数
解决办法
查看次数
如何仅删除盒子阴影的顶部？
我正在使用border-radius并box-shadow围绕一个元素发光.
我可以只删除顶部box-shadow吗？
div {
margin-top: 25px;
color: #fff;
height: 45px;
margin-top: -5px;
z-index: -10;
padding: 26px 24px 46px;
font-weight: normal;
background: #000; /*#fff;*/
border-top: 0px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: rgba(200,200,200,0.7) 0px 0px 10px 0px;
-khtml-box-shadow: rgba(200,200,200,0.7) 0px 0px 10px 0px;
-moz-box-shadow: rgba(200,200,200,0.7) 0px 0px 10px 0px;
box-shadow: rgba(200,200,200,0.7) 0px 0px 10px 0px;
}
编辑:这个小东西就是问题!
推荐指数
解决办法
查看次数
在浮动元素周围放置边框
假设我有类似下面的代码,我希望在两个左右浮动的图像之间显示一些文本.
<img src="testImage1.png" alt="Test Image 1" style="float:right;" />
<img src="testImage2.png" alt="Test Image 2" style="float:left;" />
<p>Test Text</p>
我想在两个图像和文本周围添加边框.我尝试<div>使用以上所有3个标签style="border:2px black solid;".虽然这增加了边框,但似乎没有考虑图像.也就是说,我们得到类似以下内容(使用StackOverflow和Google徽标).
我猜这种情况正在发生,因为浮动元素并未被视为其中的一部分<div>.我是一名软件开发人员,而不是Web开发人员,所以我不是CSS的专家.但我确实认为我记得浮动元素在某种程度上是"被忽视"的.任何人都可以详细描述发生了什么以及如何解决它？
推荐指数
解决办法
查看次数
选定的div显示在chrome和safari上选中的边框
我不知道这是否可以解决,但我创建了这个网站,当我的用户点击一些div时,所选的div似乎在chrome中有黄色边框,在safari中有类似的边框.你可以在这里看到黄色边框
.是否可以禁用此功能？
推荐指数
解决办法
查看次数
在javascript中使用.css()设置细边框
因此,当用户点击它时,我试图在页面上的按钮周围设置边框.
要设置我要处理的处理程序:
$(".reportButtons").click(function(){ //change border color });
我尝试了两种方法来改变那里按钮的边框颜色.第一种方法是使用.css()函数.
$(this).css({"border-color": "#C1E0FF",
"border-weight":"1px",
"border-style":"solid"});
但是当我这样做的时候,边框真的很胖(我希望它是发际线的,就像我通常将宽度设置为1px一样)
我试过的另一种方法是下载jquery-color插件,并执行以下操作:
$(this).animate({borderTopColor: "#000000"}, "fast");
当我这样做时,没有任何反应.没有错误 - 没有任何反应.但是,如果不是尝试更改边框颜色,而是尝试更改背景颜色,它工作正常....所以我使用jquery-color错误？作为参考,以下是我将如何更改背景:
$(this).animate({ backgroundColor: "#f6f6f6" }, 'fast');
就像我说的那样有效.当我下载jquery-color时,我只下载了一个文件(jquery-color.js),如果这有所不同....
那么如何才能获得发际线？(如果你有任何如何使它工作,我宁愿使用animate()方法)
推荐指数
解决办法
查看次数
CSS删除默认的蓝色边框
我有一个带有多个按钮的表单,当有人按下回车时,我使用JavaScript提交第二个按钮.
这很好用,但是如果我在IE中打开这个表单,第一个按钮会出现一个蓝色边框,告诉用户"这是按下回车时按下的按钮".
有没有办法用CSS删除它而不覆盖按钮的其余部分样式？
例:
<button onclick="javascript:alert('remove');">Remove name</button>
推荐指数
解决办法
查看次数
iText单元格边框切割文本
我正在编写一个程序,使用iText生成带有表格的pdf或rtf文件.我使用iText类表和单元格,而不是更具体的RtfTable或pdfTable,以便最后生成任一文件.我需要将单元格填充设置为值-1,否则打印页面上每行数据之间的空间太大.但是,我现在正在尝试添加边框(特别是pdf文件),并且单元格没有与文本对齐.每个单元格的底部边框直接切割文本.当单元格填充设置为2或更高时,它实际上仅包围文本.以下是我正在做的事情的示例:
Document document = new Document();
Paragraph paragraph = new Paragraph();
Font iTextFont = new Font(Font.TIMES_ROMAN, 9, Font.NORMAL);
try{
PdfWriter.getInstance(document, new FileOutputStream("C:/datafiles/TestiText.pdf"));
document.open();
Table table = new Table(3);
table.setPadding(-1);
table.setWidth(90);
Cell cell1 = new Cell();
cell1.setBorder(Rectangle.BOX);
cell1.setVerticalAlignment(ElementTags.ALIGN_TOP);
table.setDefaultCell(cell1);
paragraph = new Paragraph("header", iTextFont);
Cell cell = new Cell(paragraph);
cell.setHeader(true);
cell.setColspan(3);
table.addCell(cell);
paragraph = new Paragraph("example cell", iTextFont);
table.addCell(paragraph);
paragraph = new Paragraph("one", iTextFont);
table.addCell(cell);
paragraph = new Paragraph("two", iTextFont);
cell = new Cell(paragraph);
table.addCell(paragraph);
paragraph = new Paragraph("Does this start …推荐指数
解决办法
查看次数
默认输入样式的边框颜色
这是一个棘手的问题......
我有默认的样式输入字段(没有添加CSS,只有宽度/高度/填充),但现在我想给它一个红色边框(错误样式).我怎样才能做到这一点？只是设置边框将删除输入的默认样式,设置只有border-color看起来很奇怪,设置轮廓在某些情况下会起作用(并且在Firefox中看起来不那么好).
有小费吗？
编辑:来吧,伙计们在回答之前阅读了这个问题.我想要浏览器默认的输入外观,我只想给它一个红色边框.
推荐指数
解决办法
查看次数