Tag: CSS

备用表行颜色使用CSS？

我正在使用与此交替行颜色的表。 tr.d0 td { background-color: #CC9999; color: black; } tr.d1 td { background-color: #9999CC; color: black; } <table> <tr class="d0"> <td>One</td> <td>one</td> </tr> <tr class="d1"> <td>Two</td> <td>two</td> </tr> </table> 在这里，我使用类为tr ，但我只想用于table 。 当我使用class表比这更适用于tr替代。 我可以用CSS写这样的HTML吗？ <table class="alternate_color"> <tr><td>One</td><td>one</td></tr> <tr><td>Two</td><td>two</td></tr> </table> 我怎样才能使行有“斑马条纹”使用CSS？

响应的CSS背景图像

我有一个网站（g-floors.eu），我想做的背景（在CSS中，我已经定义了内容的bg图像）也响应。 不幸的是，我真的不知道如何做到这一点，除了我能想到的一件事情，但这是一个很好的解决办法。 创build多个图像，然后使用CSS的屏幕大小来改变图像，但我想知道是否有一个更实际的方法来实现这一目标。 基本上我想实现的是图像（与水印'G'）自动resize，而不显示较less的图像。 如果有可能的话 链接： g-floors.eu 我到目前为止的代码（内容部分） #content { background-image: url('..http://img.dovov.combg.png'); background-repeat: no-repeat; position: relative; width: 85%; height: 610px; margin-left: auto; margin-right: auto; }

如何居中alignment自举容器

我正在寻找一种方法来垂直居中alignmentjumbotron的container div，并将其设置在页面中间。 .jumbotron必须适应屏幕的整个高度和宽度，所以我使用了这个CSS。 .jumbotron{ heght:100%; width:100%; } .container div的宽度为1025px ，应该在页面的中间（垂直居中）。 .container{ width:1025px; } .jumbotron .container { max-width: 100%; } 我的HTML就像 <div class="jumbotron"> <div class="container text-center"> <h1>The easiest and powerful way</h1> <div class="row"> <div class="col-md-7"> <div class="top-bg"></div> </div> <div class="col-md-5 iPhone-features" style="margin-left:-25px;"> <ul class="top-features"> <li> <span><i class="fa fa-random simple_bg top-features-bg"></i></span> <p><strong>Redirect</strong><br>Visitors where they converts more.</p> </li> […]

我怎样才能把我的div放在容器的底部？

鉴于以下HTML： <div id="container"> <!– Other elements here –> <div id="copyright"> Copyright Foo web designs </div> </div> 我想#copyright坚持#container的底部。 我可以做到这一点，而不使用绝对定位？ 如果float属性支持“底部”的值，那么看起来会做的，但不幸的是，它不。

如何禁用textarea的可resize的属性？

我想禁用textarea的可resize的属性。 目前，我可以通过点击textarea的右下angular并拖动鼠标来调整textarea的大小。 我怎样才能禁用这个？

在<p>标记内嵌套块级元素…对还是错？

在<p>标签中嵌套<div>或任何其他块级元素在语法和语义上是否正确。 我正在谈论HTML4 Transitional DTD。 如果不是的话，可以改用<span style="display: block">来代替吗？

我怎样才能包围右下角的文本？

每当我尝试在CSS中看似简单的东西时，它都不起作用。 我有一个包含460×160图像的内容div。 我想要做的就是将图像放在右下角，并将文字包裹起来。 <div id="contents"> <img src="…" /> text text text text text text … </div> 所以我希望它看起来像： —————— | text text text | | text text text | | text text —–| | text text | | —————— 做一个左上角或右上角的图像是蛋糕： #contents img { float:right; } —————— | text text | | | text text —–| | […]

如何在悬停子元素时设置父元素的样式？

我知道，不存在一个CSS父母选择器 ，但是当悬停一个没有这样的选择器的子元素时，是否可以对父母元素进行样式化？ 举一个例子：考虑一个删除按钮 ，这个按钮在悬停的时候会突出显示即将被删除的元素： <div> <p>Lorem ipsum …</p> <button>Delete</button> </div> 通过纯CSS的方式，当鼠标在按钮上方时如何更改本节的背景颜色？

引用url（）的值真的有必要吗？

我应该在样式表中使用以下哪一个？ /* Example #1: */ background-image: url(image.png); /* Example #2: */ background-image: url("image.png"); /* Example #3: */ background-image: url('image.png'); W3C指定什么是正确的方法 ？

“display：none”是否阻止加载图像？

每个响应式网站开发教程建议使用display:none CSS属性来隐藏在移动浏览器上加载的内容，以便网站加载更快。 这是真的吗？ display:none不加载的图像，还是仍然加载移动浏览器的内容？ 有没有办法阻止在移动浏览器上加载不必要的内容？