草庐IT

mark-borders

全部标签

html - Chrome 与 box-sizing :border-box in a display:table

我正在使用display:table进行小型2Pane布局。对于间距(也来自背景图像),我使用padding。因为我需要child从可用空间中获得一个精确的width:50%(考虑到父级div的填充),我使用box-尺寸:边框框。这在Opera中运行良好,但在Chrome中box-sizing:border-box甚至-webkit-box-sizing:border-box都被默默地忽略了。我制作了一个展示问题的演示。两个红色框应该是正方形,蓝色框的宽度和高度应该是200px:http://jsfiddle.net/fabb/JKECK/这是html源代码:Somethingonth

html - 如何在 `border-*` 属性中使用百分比?

我有使用TwitterBootstrap3的代码,nav和right-arrow,我使用border-*属性创建的。但是如果我在right-arrow中使用很长的文本,它不会展开,如果我使用百分比,代码将无法运行...关于的示例JsFiddle.custom-nav-stacked>li>a{border-radius:2px;}.custom-nav-stacked>li.active>a:after,.custom-nav-stacked>li.active>a:hover:after,.custom-nav-stacked>li.active>a:focus:after{cont

javascript - HTML5 Canvas : How to border a fillRect?

在HTML5中,我想制作一个fillRect()(填充颜色为白色)和一个border(黑色)。我不想使用strokeRect()除非我以后可以填充它。我正在制作一款游戏,您可以在其中点击方block,它们会改变颜色(比这更复杂,但这正是本文的重点)。varc=document.getElementById("canvas1");varctx=c.getContext("2d");ctx.strokeStyle="rgba(0,0,0,1)";ctx.strokeRect(0,0,100,100);Canvas周围的边框仅供引用。我也可以使用CSS,但目前一切都在HTML中。

css - div 上的“border-bottom”出现在顶部? Div 没有环绕文字?

我正在div中创建类似表格的数据View。由于我使用的企业框架,我不得不使用大量内联HTML和CSS。形象化的方式:每一行都有一个容器div(rowContainer),一行中的每一行都包含在一个div(collResult)中。我希望border-bottom元素出现在容器div的底部。在IE中,这工作正常,但在Firefox中,边框不会环绕行,而是看起来与行结果完全不同步。这是我的代码示例:Number1ABCDENAMENONE感谢您的帮助 最佳答案 这是因为你在float内部div,float外部div也可以解决这个问题。当

html - 我可以替换 <table border=1 >' with ` <table >` + css: ` table{...}` 吗?

table{border:1pxsolid#000;}没有border=1似乎无法工作陈述。与更改的方式相同进入input{width:400px;},我想用并仅在css中声明边框。这可能吗?更新我的错误是使用table{border-width:1px;}而不是例如table{border:1pxsolid#000;}--效果很好。 最佳答案 使用这个CSS:table{border-collapse:collapse}td{border:1pxsolid#000}LiveDemoborder-collapse:collapse很

html - 为什么 border-radius 在 MobileSafari 中的文本输入上不能正常工作?

这是一个引用HTML文档:body{background-color:#000;}input{-webkit-border-radius:20px;}border-radius在基于Safari/WebKit的桌面浏览器上呈现良好,但在“MobileSafari”变体,即iPhone和iPad浏览器上,它呈现这个奇怪的框,这破坏了当输入显示在不同颜色的背景上时出现圆Angular错觉。 最佳答案 我设法通过减小边界半径来解决这个问题。该错误似乎只在边框半径大于元素高度的一半时才会出现。所以如果-webkit-border-radiu

html - IE11 - border-radius 和 box-shadow 一起导致问题

遵循我的代码:div{display:block;width:500px;height:200px;border:1pxsolidblack;border-radius:5px;transition:box-shadow1s;}div:hover{box-shadow:25px25px0px#000;}Test它可以在Chrome、Safari和Firefox上运行,但在InternetExplorer11上运行不佳,当div不再聚焦时会出现明显的视觉问题。如何解决?JSFiddle:https://jsfiddle.net/aL0t8g21/ 最佳答案

html - 为什么 border-radius 不完善实际的边框样式?

这在Chrome、FF和IE10中进行了测试,它们的行为方式相同,所以我认为这不是错误,而是我做错了/不知道的事情。这是我看到的:这是CSS:table#calendarTable{border:2pxinset#888;width:100%;margin:auto;background-color:#61915f;border-collapse:collapse;text-align:center;border-radius:25px25px25px25px;-moz-border-radius:25px25px25px25px;-ms-border-radius:25px25px2

Android 线性布局 : Add border with shadow around a LinearLayout

我想创建与示例相同的此LinearLayout的边框:在这个例子中,我们可以看到linearLayout周围的边框并不相同。如何使用XML可绘制文件创建它?目前,我只能像这样在LinearLayout周围创建一个简单的边框: 最佳答案 试试这个.. 关于Android线性布局:AddborderwithshadowaroundaLinearLayout,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/

Android 线性布局 : Add border with shadow around a LinearLayout

我想创建与示例相同的此LinearLayout的边框:在这个例子中,我们可以看到linearLayout周围的边框并不相同。如何使用XML可绘制文件创建它?目前,我只能像这样在LinearLayout周围创建一个简单的边框: 最佳答案 试试这个.. 关于Android线性布局:AddborderwithshadowaroundaLinearLayout,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/