Php Can';t align<;部门>;在中央和can';不能正确地管理不透明度

Php Can';t align<;部门>;在中央和can';不能正确地管理不透明度,php,html,css,Php,Html,Css,请看下面的图片和代码。我正在制作简单的注册html表单。我试着保持在屏幕中间。此外,我只想使div背景不透明度50%,但不知何故,文本输入和按钮的不透明度也改变为50%。 请帮我找到解决办法 这是一个简单注册表单的代码 <!DOCTYPE html> <html> <head> <title>Sign Up</title> </head> <body background="back.jpg">

请看下面的图片和代码。我正在制作简单的注册html表单。我试着保持在屏幕中间。此外,我只想使div背景不透明度50%,但不知何故,文本输入和按钮的不透明度也改变为50%。 请帮我找到解决办法

这是一个简单注册表单的代码

<!DOCTYPE html>
<html>
<head>
    <title>Sign Up</title>
</head>
<body background="back.jpg">
    <form>
        <div style="background-color: rgb(255,255,255); opacity: 0.5; display: inline-table; padding: 20px; border-radius: 25px;">
            <input type="email" name="email" placeholder="Enter your E-Mail here" style="border-radius: 25px; padding: 5px; outline-style: none;"><br><br>
            <input type="password" name="password" placeholder="Enter Password" style="border-radius: 25px; padding: 5px; outline-style: none;"><br>
            <p style="color: rgb(58,58,58);"><input type="checkbox" name="tnc"> Accept T&C</p>
            <input type="submit" name="submit" value="Sign Up" onclick="submit" style="border-radius: 25px; padding: 5px; width: 150px; outline-style: none;">
        </div>  
    </form>
</body>
</html>

注册



接受T&C


请详细解释或回答。提前感谢

如果您想使其不透明度仅为50%,则只需对div使用此颜色代码,然后您就不必对div使用不透明度

首先给你的表单加一些宽度
form{width:600px;margin:auto;display:block;}

要从顶部和底部提供边距,请按以下方式提供样式{code>form{margin:150px auto;},这样它也会从顶部和底部提供边距。

尝试此操作,您的代码将运行


注册



接受T&C

显示以下代码:

正文{
文本对齐:居中;
}
形式{
显示:内联块;
}

注册



接受T&C


我使用display:table(-X)属性为您准备了一个代码片段:


注册



接受T&C


这件事解决了我的不透明问题。谢谢但是对齐问题仍然存在。我也会帮助你。请详细说明你在设计中需要什么样的东西?如果不透明度问题得到解决,请接受我的回答。谢谢你的帮助。你的代码几乎完成了我想要的一切。只要告诉我,如果我在小屏幕或超大屏幕上浏览我的页面,它是否会影响我的设计。是的,表单宽度可能会在小屏幕上产生一些问题,但我也有一些关于这个问题的提示。我们使用宽度的地方:600px;使用此表单{max width:600px;width:100%;},这样可以使您的表单对小屏幕做出响应。如有任何其他问题,请询问。如需更多帮助,请告知