css如何使下边框border左边有距离右边顶对齐

html-css031

css如何使下边框border左边有距离右边顶对齐,第1张

您好，要使下边框border左边有距离右边顶对齐，首先要在CSS中使用margin属性，margin属性可以让您控制元素的外边距，以便让元素与其他元素保持一定的距离。您可以使用margin-right属性来设置元素右边的边距，以便让元素与右边的元素保持一定的距离。例如，您可以使用以下代码来设置border左边的距离：

border-left: 200px

margin-right: 200px

这样，border左边就会有200px的距离，而右边的元素也会有200px的距离

如果是左右对齐,用 text-align:left/center/right (左对齐，中对齐，右对齐)

如果是上下对齐,用 line-height:30px(你文本框的高度)

思路：

<style type="text/css">

.uName,.uPass,.rPass{width:300px}

.lb{float:leftwidth:100pxdisplay:block}

</style>

<div class="uName"><label class="lb">用户名</label><input type="text" size="20"></div>

<div class="uPass"><label class="lb">密码</label><input type="text" size="20" ></div>

<div class="rPass"><label class="lb">请再次输入密码</label><input type="text" size="20" ></div>