css width:700px;设置宽度

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:700px;
height:100px;
background-color:#ff9900;
-moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */
box-shadow: 10px 10px 5px #888888;
}
</style>
</head>
<body>

<div></div>

</body>
</html>

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
这段 CSS 代码主要是针对一个网页的登录注册按钮进行样式设计。具体解释如下: 1. `#bt` 是一个 ID 选择器,用于选中登录注册按钮的父元素。`display: flex;` 是设置该元素为弹性布局,`justify-content: center;` 和 `align-items: center;` 分别是设置该元素的子元素在水平和垂直方向上居中对齐。 2. `#bt input` 用于选中登录注册按钮中的 input 元素,`width: 100px;` 和 `height: 35px;` 分别是设置该元素的宽度和高度,`border: 1px solid gray;` 是设置该元素的边框样式,`border-radius: 5px;` 是设置该元素的圆角,`text-align: center;` 是设置该元素的文本居中对齐,`margin: 10px;` 是设置该元素的外边距。 3. `*` 是通用选择器,用于选中所有元素。`margin: 0px;` 和 `padding: 0px;` 分别是设置所有元素的内外边距为 0,`color: brown;` 是设置所有元素的文本颜色为棕色,`margin: 0 auto;` 是设置所有元素的水平居中对齐,`background-color: beige;` 是设置所有元素的背景色为米色。 4. `#loginbody` 是一个 ID 选择器,用于选中登录注册按钮所在的父容器。`width: 500px;` 和 `height: 500px;` 分别是设置该元素的宽度和高度,`display: flex;` 是设置该元素为弹性布局,`justify-self: center;` 和 `align-items: center;` 分别是设置该元素在水平和垂直方向上居中对齐。 5. `#username, #password` 是 ID 选择器,分别用于选中用户名和密码输入框。`width: 200px;` 和 `height: 30px;` 分别是设置这两个元素的宽度和高度,`outline: none;` 是去掉这些元素的外边框,`border: 1px solid #999;` 是设置这些元素的边框样式,`margin: 10px;` 是设置这些元素的外边距。 6. `.ls` 是类选择器,用于选中登录和注册按钮。`width: 80px;` 和 `height: 35px;` 分别是设置这些按钮的宽度和高度,`margin: 10px;` 是设置这些按钮的外边距,`border-radius: 5px;` 是设置这些按钮的圆角。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值