HTML5是一種新的網頁語言，為了更好地展示和使用HTML5，很多開發者現在在使用它來開發網站、應用和游戲等。而簡易留言板是HTML5的一種實用應用，在預覽效果時，我們可以運用pre標簽顯示相應的代碼，下面就給大家介紹一個簡單的HTML5留言板的代碼。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>My Message Board</title>
<style type="text/css">
body{
font-family: Arial, sans-serif;
font-size: 16px;
}
#board{
margin: 0 auto;
width: 600px;
border: 1px solid #ccc;
padding: 20px;
}
form{
margin: 20px 0;
}
form input[type="text"]{
width: 200px;
}
form textarea{
width: 400px;
height: 60px;
}
button{
background-color: #008CBA;
color: #fff;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
}
button:hover{
background-color: #005664;
}
.message{
margin: 20px 0;
border: 1px solid #ccc;
padding: 10px;
}
.message .title{
font-weight: bold;
margin-bottom: 10px;
}
.message .content{
font-size: 14px;
color: #666;
}
.message .time{
font-size: 12px;
color: #999;
margin-top: 10px;
}
</style>
</head>
<body>
<div id="board">
<form id="message-form">
<div>
<input type="text" name="username" placeholder="Name">
</div>
<div>
<textarea name="message" placeholder="Your message"></textarea>
</div>
<div>
<button type="submit">Submit</button>
</div>
</form>
<div id="message-list">
</div>
</div>
</body>
</html>以上就是HTML5簡易留言板的樣式代碼，通過這些代碼，我們可以輕松用HTML5開發一個可以發布留言的網站模板。當然，這只是一個簡單的樣式代碼，我們可以根據自己的需求進行修改和升級，讓信息交流更加便利。