我想删除自举表格边框水平线并保持垂直线.
我尝试了很多解决方案并完成了许多研究,但我仍然找不到解决方案.
<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) 我试图使用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)我正在尝试使用键盘 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)