草庐IT

border-style

全部标签

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

css - 你如何指定一个 :link style in a div class implementation?

我在...中有一个anchor标签在我的HTML标签中,我有.foo{white-space:nowrap;text-shadow:0-1px0#000;color:#000;font-family:HelveticaNeue,Helvetica,arial;font-size:12px;}如何才能在此类中指定a:link{COLOR:#ffff;}? 最佳答案 如果你的结构是...您可以这样设置未访问链接的样式:.fooa:link{color:#fff;}注意:使用3个或6个f,而不是4个。

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 - VueJS v 绑定(bind) :style for background-image: url()

根据VueJS文档:我尝试了几种模式:但结果对HTML无效style属性。有什么想法吗? 最佳答案 尝试其他模式后,这是有效的模式:结果: 关于javascript-VueJSv绑定(bind):styleforbackground-image:url(),我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/40666716/

php - 使用 :hover for an element's inline style (using HTML/CSS/php)

这个问题在这里已经有了答案:关闭11年前。PossibleDuplicates:HowdoIembedan“a:hover{…}”ruleintoastyleattributeinthemiddleofadocument?Howtowritea:hoverininlineCSS?我想动态更改元素的悬停颜色,但不使用外部CSS样式表,只能内联。这是代码(使用php生成元素)echo''.$contents.'';当用户将鼠标悬停在该容器元素上时,颜色样式将更改为$color的值(此时没有悬停)。如有任何帮助,我们将不胜感激。

javascript - HTML:通过 JavaScript 添加 <STYLE> 和 <SCRIPT> 标签

如果网页中的JavaScript函数将STYLE或SCRIPT元素添加到HEAD元素,浏览器是否会加载指定的样式和脚本,或者在页面加载后是否会忽略对DOM的此类编程更改?该行为是否适用于所有主流浏览器? 最佳答案 是的,您可以通过JavaScript添加脚本和样式表,它们会起作用。例如,GoogleAnalytics就是这样做的。 关于javascript-HTML:通过JavaScript添加和标签,我们在StackOverflow上找到一个类似的问题: h

python - Django 给出 "GET/static/css/style.css HTTP/1.1"304 0

好的,我的Index.html是Kodeworms样式.css.logged-out{background-image:href=("{{STATIC_URL}}img/landing.jpg")no-repeatcenter30px;background-size:90%;}现在我的index.html存储在*project_name/project_name/templates*我的style.css存储在*project_name/assets/css*图像存储在*project_name/assets/img*我的setting.py是#DjangosettingsforBE.

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很