<div id="h1"> <ul class="h1"> <h1><a href="">探索黑科技，小米为发烧而生</a></h1> </ul> </div>前端开发这么用css代码把他横过来并且设置灰白色的区域背景颜色

可以使用以下 CSS 代码将上述 HTML 代码横过来并设置灰白色的区域背景颜色：

#h1 {
  background-color: #f2f2f2; /* 灰白色背景 */
  display: flex; /* 将子元素排成一行 */
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
}

.h1 {
  list-style-type: none; /* 去除列表标记 */
}

h1 {
  transform: rotate(-90deg); /* 旋转90度 */
  margin: 0; /* 去除默认的外边距 */
}

这样就可以将标题旋转并横过来，放在灰白色的区域中了。