在页面左边制作一个悬浮两行的列表 内容为学号和姓名，有背景图片且有CSS设置样式

好的，下面是一个实现您要求的悬浮框 CSS 样式：

.floating-list {
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #fff;
  background-image: url('your-image-url');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  font-size: 18px;
  line-height: 1.5;
}

.floating-list p {
  margin: 0;
  padding: 5px 0;
}

您可以将上面的代码添加到您的 CSS 文件或 `<style>` 标签中，然后在 HTML 中使用以下代码来创建悬浮框：

<div class="floating-list">
  <p>学号：123456</p>
  <p>姓名：张三</p>
</div>

这将在页面左侧创建一个带有背景图片、边框和阴影的悬浮框，包含学号和姓名两行内容。您可以根据需要自定义样式，例如更改背景图片链接、边框半径、字体大小和行高等。

相关问题

在页面左边制作一个悬浮两行的列表 内容为学号和姓名

好的，您可以使用以下代码来实现：

<div style="position: fixed; top: 50%; left: 0;">
  <p>学号：123456</p>
  <p>姓名：张三</p>
</div>

这将在页面左侧创建一个悬浮的列表，包含学号和姓名两行内容。您可以根据需要自定义样式和位置。

制作一个悬浮框css样式

好的，下面是一个简单的悬浮框 CSS 样式：

.floating-box {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border: 2px solid #000;
  padding: 20px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}

您可以将上面的代码添加到您的 CSS 文件或 `<style>` 标签中，然后在 HTML 中使用以下代码来创建悬浮框：

<div class="floating-box">
  <!-- 悬浮框内容 -->
</div>

这将在页面中心创建一个带有边框和阴影的悬浮框。您可以根据需要自定义样式，例如更改背景颜色、边框宽度、阴影类型等。