html5在一个立长方形里面实现斜着的一黑一白一黑一白纹理

在HTML5中实现这种斜着的黑白相间的纹理，通常需要结合CSS的背景图像和repeat属性。这里提供一种简单的方法：

首先，在HTML中创建一个`<div>`元素作为容器：

<div class="striped-container"></div>

然后，在CSS中设置样式，使用伪元素和背景图片来实现斜线效果：

.striped-container {
  width: 200px; /* 宽度自定 */
  height: 200px; /* 高度自定 */
  background-image: linear-gradient(45deg, black 25%, transparent 25%,
                                   transparent 75%, black 75%);
  background-size: repeat(auto); /* 重复水平方向 */
  background-position: 0 0; /* 位置从左上开始 */
}

上述代码中，`linear-gradient`用于生成一个从上往右斜向的渐变，配合`background-size: repeat(auto)`会让颜色交替形成条纹效果。你可以调整宽度、高度以及颜色比例来得到所需的黑白条纹。