html+css写以纯官网底部的代码

好的，我可以回答这个问题。以下是一些常用的 HTML 和 CSS 代码，用于创建一个简单的官网底部：

HTML 代码：
<footer>
<p>Copyright © 公司名称 2021</p>
</footer>

CSS 代码：
footer {
background-color: #f8f8f8;
color: #666;
padding: 50px 0;
text-align: center;
font-size: 16px;
}

p {
margin: 0;
}

这个代码块会创建一个灰色背景的底部，其中包含版权信息和公司名称，样式可以根据需要进行修改。希望对你有所帮助！

相关问题

html+css+js写个游戏代码

好的，我给你一个简单的扫雷游戏的代码示例，使用 HTML、CSS 和 JavaScript 实现。

HTML 代码：

<div id="game-board"></div>

CSS 代码：

#game-board {
  width: 200px;
  height: 200px;
  display: flex;
  flex-wrap: wrap;
}

.square {
  width: calc(200px / 10);
  height: calc(200px / 10);
  border: 1px solid black;
  box-sizing: border-box;
  cursor: pointer;
}

.square.clicked {
  background-color: lightgray;
}

.square.mine {
  background-color: red;
}

JavaScript 代码：

const board = document.getElementById("game-board");
let squares = [];
let minePositions = [];

// 创建游戏面板
function createBoard(size) {
  for (let i = 0; i < size * size; i++) {
    const square = document.createElement("div");
    square.classList.add("square");
    square.setAttribute("data-index", i);
    square.addEventListener("click", handleClick);
    board.appendChild(square);
    squares.push(square);
  }
}

// 随机生成地雷位置
function generateMines(size, count) {
  const totalSquares = size * size;
  while (minePositions.length < count) {
    const randomIndex = Math.floor(Math.random() * totalSquares);
    if (!minePositions.includes(randomIndex)) {
      minePositions.push(randomIndex);
    }
  }
}

// 处理点击事件
function handleClick(event) {
  const square = event.target;
  const index = parseInt(square.getAttribute("data-index"));
  if (minePositions.includes(index)) {
    square.classList.add("mine");
    alert("游戏结束！");
  } else {
    square.classList.add("clicked");
  }
}

createBoard(10);
generateMines(10, 10);

以上就是一个简单的扫雷游戏代码示例，你可以根据这个示例进行修改和扩展。

html+css+js写个军旗游戏代码

好的，我给你一个简单的军旗游戏的代码示例，使用 HTML、CSS 和 JavaScript 实现。

HTML 代码：

<div id="game-board"></div>

CSS 代码：

#game-board {
  width: 300px;
  height: 300px;
  display: flex;
  flex-wrap: wrap;
}

.square {
  width: calc(300px / 10);
  height: calc(300px / 10);
  border: 1px solid black;
  box-sizing: border-box;
  cursor: pointer;
}

.square.red {
  background-color: red;
}

.square.blue {
  background-color: blue;
}

JavaScript 代码：

const board = document.getElementById("game-board");
let squares = [];
let currentPlayer = "red";

// 创建游戏面板
function createBoard(size) {
  for (let i = 0; i < size * size; i++) {
    const square = document.createElement("div");
    square.classList.add("square");
    square.setAttribute("data-index", i);
    square.addEventListener("click", handleClick);
    board.appendChild(square);
    squares.push(square);
  }
}

// 处理点击事件
function handleClick(event) {
  const square = event.target;
  const index = parseInt(square.getAttribute("data-index"));
  if (currentPlayer === "red") {
    square.classList.add("red");
    currentPlayer = "blue";
  } else {
    square.classList.add("blue");
    currentPlayer = "red";
  }
}

createBoard(10);

以上就是一个简单的军旗游戏代码示例，你可以根据这个示例进行修改和扩展。