css设置自适应屏幕下一条宽度沾满全屏幕并且高度为1px灰色的线

可以使用以下 CSS 代码实现：

.line {
  width: 100%;
  height: 1px;
  background-color: #ccc;
}

这里使用了一个 class 选择器 `.line`，它的宽度设置为100%，高度设置为1px，背景颜色设置为灰色。在 HTML 中，可以通过添加一个 `div` 元素并为其添加 `.line` 类来实现这个效果：

<div class="line"></div>

相关问题

vue设置一条宽度沾满全屏幕并且高度为1px灰色的线

可以使用如下的样式代码来实现：

.line {
  width: 100%;
  height: 1px;
  background-color: #ccc;
}

然后在 Vue 模板中使用该样式：

<template>
  <div class="line"></div>
</template>

<style>
.line {
  width: 100%;
  height: 1px;
  background-color: #ccc;
}
</style>

这样就可以在页面上显示一条宽度为100%、高度为1px、颜色为灰色的线了。

vue设置一条宽度沾满全屏幕高度为1px灰色的下边框线

可以使用以下方式来设置：

border-bottom: 1px solid grey;
width: 100%;
height: 100vh;

其中，`border-bottom`属性可以设置下边框线的样式，颜色和宽度；`width`属性可以设置宽度为100%；`height`属性可以设置高度为100vh，即占据整个屏幕的高度。这样就可以实现一条宽度沾满全屏幕高度为1px灰色的下边框线了。