程序设计 css

14

Twitter-Bootstrap按钮非常漂亮。通过滚动它们来尝试一下但是它们的颜色有限。有什么办法可以改变按钮的基本颜色，同时又保持引导程序使它变得如此漂亮和轻松的漂亮的悬停效果？我完全不知道twitter用于维持这些效果的css / javascript是什么样子。

96 css button twitter-bootstrap

3

大小相等的表格单元格可以填充包含表格的整个宽度

有没有一种使用HTML / CSS（具有相对大小）的方法来使一行单元格拉伸包含它的表的整个宽度？单元格的宽度应相等，并且外部表格的大小也应使用来动态变化<table width="100%">。目前，如果我没有指定固定大小，单元格会自动调整大小以适合其内容。

96 html css html-table

18

如何删除超链接图像周围的轮廓？

当我们使用CSS使用Text Replacement并给出否定的test-indent时text-indent:-9999px。然后，当我们单击该链接时，虚线将如下图所示。有什么解决方案？

96 css

5

div之间的空间-显示表格单元格

我这里有两个div： <div style="display:table-cell" id="div1"> content </div> <div style="display:table-cell" id="div2"> content </div> 有没有办法在这两个div之间分隔空间display:table-cell？

96 html css css-tables

10

水平对齐表格的CSS方法

我想在浏览器窗口的中心显示一个固定宽度的表。现在我用 <table width="200" align="center"> 但是Visual Studio 2008在此行发出警告：属性“ align”被认为已过时。建议使用较新的构造。我应该将哪种CSS样式应用于表格以获得相同的布局？

96 html css alignment css-tables

5

相对于translateZ（0）的CSS性能

许多博客都表示，通过“ transform: translateZ(0)加速” GPU来提高动画和过渡的速度，可以认为元素是3D的，从而提高了性能。我想知道以下列方式使用此转换是否有意义： * { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }

96 performance css translate-animation

4

如何在<ul>中垂直对齐<li>元素？

我有一个水平线<ul>，我需要将每个<li>垂直线居中。我的标记如下。每个<li>都有一个边框，我需要物品及其内容垂直位于中间。请帮忙; 我是CSS新手。 <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> .toolbar li { border: solid 1px black; display: block; float: left; height: 100px; list-style-type: none; margin: 10px; vertical-align: middle; } .toolbar li.button { height: 50px; } </style> </head> <body> <div class="toolbar"> …

96 css

9

CSS：如何在不指定高度的情况下将两个元素彼此重叠放置？

我有两个DIV，我需要将它们精确地放在彼此的顶部。但是，当我这样做时，格式就搞砸了，因为包含的DIV的行为就像没有高度。我认为这是预期的行为，position:absolute但我需要找到一种方法来将这两个元素彼此重叠放置，并使容器随着内容的延伸而伸展：的左上边缘.layer2应与的左上边缘完全对齐layer1  <div class="container_row"> <div class="layer1"> Lorem ipsum... </div> <div class="layer2"> More lorem ipsum... </div> </div> <div class="container_row"> ...same HTML as above. This one should never overlap the .container_row above. </div> /* CSS */ .container_row {} .layer1 { position:absolute; z-index: 1; } .layer2 { position:absolute; z-index: 2; …

96 css

6

：第一个孩子不能按预期工作

我正在尝试选择名为的类中的第h1一个。如果它是其中的第一个元素，它将起作用，但如果在此之后出现，它将不起作用。divdetail_containerh1divul <style type="text/css"> .detail_container h1:first-child { color:blue; } </style> </head> <body> <div class="detail_container"> <ul> <li></li> <li></li> </ul> <h1>First H1</h1> <h1>Second H1</h1> </div> </body> </html> 我的印象是，h1无论它在哪里，我拥有的CSS都会选择第一个div。我该如何运作？

96 css css-selectors

11

用图像替换输入类型=文件

和很多人一样，我想定制丑陋的东西input type=file，而且我知道如果没有一些技巧和/或，这是不可能做到的javascript。但是，问题是，在我的情况下，上传文件按钮仅用于上传图像（jpeg | jpg | png | gif），因此我想知道是否可以使用clickable将完全用作输入类型文件的“ ”图像（显示对话框，并在提交的页面上显示相同的$ _FILE）。我在这里找到了一些解决方法，这个方法也很有趣（但是在Chrome = /上不起作用）。你们想在文件按钮中添加一些样式时会做什么？如果您对此有任何看法，只需点击“答案”按钮;）

96 css image file button input

8

将图标放置到圆圈中

如何将几个<img>元素放置在另一个元素周围的圆中，并使这些元素也都可单击链接？我希望它看起来像下面的图片，但是我不知道如何实现这种效果。这有可能吗？

96 html css

13

Bootstrap 4响应表不会占用100％的宽度

我正在使用Bootstrap 4构建Web应用程序，并遇到一些奇怪的问题。我想利用Bootstrap的表响应类来允许在移动设备上水平滚动表。在台式设备上，桌子应占据所含DIV宽度的100％。一旦将.table-response类应用于表，表就会水平缩小，并且不再占用宽度的100％。有任何想法吗？这是我的标记： <!DOCTYPE html> <html lang="en" class="mdl-js"> <head> <title></title> <meta charset="utf-8"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="application-name" content=""> <meta name="theme-color" content="#000000"> <link rel="stylesheet" href="/css/bundle.min.css"> </head> <body> <div class="container-fluid no-padding"> <div class="row"> <div class="col-md-12"> <table class="table table-responsive" id="Queue"> <thead> <tr> <th><span span="sr-only">Priority</span></th> <th>Origin</th> <th>Destination</th> <th>Mode</th> …

96 css bootstrap-4

16

CSS单元边距

在我的HTML文档中，我有一个包含两列和多行的表。如何使用CSS增加第一列和第二列之间的空间？我尝试应用“ margin-right：10px;” 到左侧的每个单元格，但没有效果。

96 html css cell margin css-tables

11

两种颜色的边框

客户需要两个彩色边框，以形成浮雕外观。我可以在一个元素上执行此操作吗？我希望避免堆叠带有单独边框的两个DOM元素。

96 css border

4

什么CSS选择器可用于选择另一个div中的第一个div

我有类似的东西： <div id="content> <h1>Welcome to Motor City Deli!</h1> <div style=" font-size: 1.2em; font-weight: bolder;">Sep 19, 2010</div> <div > ... </div> 第二个div（“内容” div中的第一个div）的css选择器是什么，以便我可以在该div中设置日期的字体颜色？

96 css css-selectors

Questions tagged «css»