小编G-C*_*Cyr的帖子

如何制作悬停双三角?

在此输入图像描述

像这样.所以'a'元素相互毗邻.随着工作的转变.你知道它是如何实现的吗?如果你至少给我一些链接我将非常高兴

html css css3 css-shapes

3
推荐指数
2
解决办法
89
查看次数

为什么我的 CSS 没有改变提交按钮的高度?

为什么我的 CSS 没有改变提交按钮的高度?宽度改变但高度没有。我也试过使用填充,但它也没有改变。

这是我的代码:-

.contact-form input[type="submit"] {
  width: 100%;
  height: 65px;
}
Run Code Online (Sandbox Code Playgroud)
<form class="contact-form" action="">
  <input type="text" name="fullname" placeholder="full name">
  <input type="text" name="email" placeholder="email address">
  <input type="text" name="subject" placeholder="subject">
  <textarea name="message" placeholder="message"></textarea>
  <input type="submit" value="Submit">
</form>
Run Code Online (Sandbox Code Playgroud)

https://i.stack.imgur.com/DpdQK.png

谢谢

html css

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

如何在 CSS 和 HTML 中创建这个 80 年代的背景?

我想问一下如何仅使用html和CSS创建80个背景?

背景

我试过这样做,但得到了这个结果:

背景

 .bottom-background {
        background-size: 100px 100px;
        background-image: linear-gradient(to right, green 2px, transparent 2px), linear-gradient(to bottom, green 2px, transparent 2px);
        width: 100%;
        height: 50vh;
        bottom: 0;
        position: absolute;
        perspective: 20px;
        transform: rotateX(45deg);
    }
Run Code Online (Sandbox Code Playgroud)
<div class="bottom-background"></div>
Run Code Online (Sandbox Code Playgroud)

我想像第一张图片一样居中。

html css

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

如何为span元素设置不同的margin-top?

我想为跨度元素设置不同的边距。例如,margin-top: 25px应该是第一个 span 元素,margin-top: 15px应该是第二个元素:

    <div style="background: green">
       <span style="display: inline-block; margin-top: 25px;">1</span>
       <span style="display: inline-block; margin-top: 15px;">2</span>
    </div>
Run Code Online (Sandbox Code Playgroud)

但是,第二个span有margin-top: 25px。

是否可以margin-top为两个span元素设置不同?

html css

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

如何根据字体大小计算高度?

当您编写此代码时:(在Chrome中)

<div style="font-size: 32px">txt</div>
Run Code Online (Sandbox Code Playgroud)

其高度将为37px。但是这个:

<div style="font-size: 16px">txt</div>
Run Code Online (Sandbox Code Playgroud)

其高度将为18px。

所以我的问题是:是否有任何公式可以计算渲染时文本的高度(基于字体大小)?

css

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

无法为未选中的复选框设置背景颜色

我正在尝试将未选中的复选框的背景颜色设置为白色,但我找不到方法来做到这一点。当选中和未选中时,它都会保持蓝色。我尝试过:

input[type=checkbox]:not(:checked) {
    background-color: white;
}
Run Code Online (Sandbox Code Playgroud)

并且:

input[type=checkbox]:after { (this one I don't think it's even valid)
    background-color: white;
}
Run Code Online (Sandbox Code Playgroud)

我目前的代码是:

input[type=checkbox]:not(:checked) {
    background-color: white;
}
Run Code Online (Sandbox Code Playgroud)
input[type=checkbox]:after { (this one I don't think it's even valid)
    background-color: white;
}
Run Code Online (Sandbox Code Playgroud)

如果有人有任何想法,我将不胜感激。谢谢

css checkbox

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

如何在纯 css 中创建保持鼠标悬停的工具提示?

我这里有一个工具提示代码。当我在此工具提示上移动鼠标以单击按钮时,它就会消失。怎么让它留下来?我不知道怎么做

a.tooltips {
  position: relative;
}
a.tooltips span {
  position: absolute;
  width: 140px;
  color: #FFFFFF;
  background: #000000;
  min-height: 50px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 0.8;
  bottom: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}
Run Code Online (Sandbox Code Playgroud)
 <a class="tooltips" href="#">CSS Tooltips
                  <span>Tooltip <button …
Run Code Online (Sandbox Code Playgroud)

html css

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

标签 统计

css ×7

html ×5

checkbox ×1

css-shapes ×1

css3 ×1