这个透明的表单是怎么做的?有参考吗?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

3回答
好帮手慕星星 2019-08-16 11:36:34

你好,

之前老师粘贴的代码中已经设置了表单项背景颜色为透明色,添加上就不是白色的了。

上下间距可以用margin值实现。给你举一个例子:

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
    * {
        padding: 0;
        margin: 0;
    }

    body {
        background: #000;
    }

    form {
        width: 400px;
        height: 300px;
        text-align: center;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }

    input {
        width: 300px;
        height: 30px;
        border: 2px solid #ccc;
        background: transparent;
        margin-top: 20px;
    }
    </style>
</head>

<body>
    <form>
        <input type="text">
        <input type="text">
    </form>
</body>

</html>

自己可以测试下哦。

好帮手慕星星 2019-08-16 11:08:07

同学你好,

1、table布局是可以的哦,可以用css样式调整输入框的样式。

2、想要透明效果,设置背景颜色为透明色即可,例如:

http://img1.sycdn.imooc.com//climg/5d561df700018cfb03860149.jpg

自己可以调整下,如果样式上还有问题,建议将全部html代码以及css样式粘贴上来,老师帮助你测试。

祝学习愉快!

  • 提问者 慕粉1940476211 #1
    谢谢。老师,这个行间距用哪个属性啊?调不出来 还有表单项的白色背景 怎么去掉?
    2019-08-16 11:18:04
提问者 慕粉1940476211 2019-08-16 09:53:34

http://img1.sycdn.imooc.com//climg/5d560c6300011ed210740573.jpg

这块采用了表格进行排版可以吗?

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师