小编Ace*_*Ace的帖子

bootstrap table-bordered删除水平线

我想删除自举表格边框水平线并保持垂直线.

我尝试了很多解决方案并完成了许多研究,但我仍然找不到解决方案.

在此输入图像描述

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>First Name</th>
                        <th>Last Name</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Otto</td>
                        <td>@mdo</td>
                    </tr>
                    <tr>
                        <td>Otto</td>
                        <td>@TwBootstrap</td>
                    </tr>
                    <tr>
                        <td>Thornton</td>
                        <td>@fat</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap

3
推荐指数
1
解决办法
5819
查看次数

使用嵌入代码时新谷歌网站上的额外滚动条

我试图将我的代码嵌入我的新谷歌网站,但看起来嵌入代码部分有一个额外的滚动条。一开始我以为是尺寸太短了,但是我调整后尺寸还是一样,我仍然可以从嵌入的代码部分看到滚动条。

有谁知道如何防止这种情况?

在此处输入图片说明

html css google-sites

3
推荐指数
1
解决办法
3157
查看次数

如何使用CSS制作X线性渐变效果?

我试图使用CSS linear-gradient(实际上它是一个背景全宽横幅)制作类似(下图)的东西,但我似乎无法想象deg.有人可以帮忙吗?

在此输入图像描述

CSS和HTML

#back {
  padding: 200px 0;
  color: black;
  background: 
  linear-gradient(120deg, red 25%, transparent 30%), 
  linear-gradient(60deg, yellow 25%, transparent 30%), 
  linear-gradient(-60deg, blue 10%, transparent 30%), 
  linear-gradient(240deg, green 25%, transparent 0%);
}
Run Code Online (Sandbox Code Playgroud)
<section id="back">
  <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam nec dictum velit. Sed nec enim leo. Quisque nec urna ex. Vestibulum ut aliquet ante, non consectetur nunc. Nunc ac consequat nisl. Etiam vitae scelerisque nisi. Vivamus ipsum ipsum, tincidunt
    at augue dapibus, tincidunt aliquet ligula. …
Run Code Online (Sandbox Code Playgroud)

html css linear-gradients css3

1
推荐指数
1
解决办法
258
查看次数

ESC键无法删除模态javascript

我正在尝试使用键盘 ESC 键来转义模态框(通过使用纯 JavaScript 将其删除),但看起来好像出了点问题。

代码来自 W3SCHOOL 示例: W3school 示例

这是当人们按下键盘 ESC 键时我试图添加的代码以进行转义:

  document.addEventListener('keyup', function(event) {
    if (event.keyCode === 27) {
      modal.classList.remove('modal');
    }
  });
Run Code Online (Sandbox Code Playgroud)

片段:

  document.addEventListener('keyup', function(event) {
    if (event.keyCode === 27) {
      modal.classList.remove('modal');
    }
  });
Run Code Online (Sandbox Code Playgroud)
// Get the modal
var modal = document.getElementById('myModal');

// Get the image and insert it inside the modal - use its "alt" text as a caption
var img = document.getElementById('myImg');
var modalImg = document.getElementById("img01");
var captionText = document.getElementById("caption");
img.onclick = function(){
    modal.style.display = "block"; …
Run Code Online (Sandbox Code Playgroud)

javascript onkeyup keyup

1
推荐指数
1
解决办法
653
查看次数