以下是一个使用 HTML、CSS 和 JavaScript 开发个人读书类网站的示例代码，包含基本功能和样式：

<div class="container">
    <!-- 首页内容 -->
    <div id="home">
        <h2>当前阅读列表</h2>
        <div class="book-grid" id="bookContainer">
            <!-- 书籍卡片动态生成 -->
        </div>
    </div>

    <!-- 添加新书表单 -->
    <div id="add" style="display: none;">
        <h2>添加新书</h2>
        <form id="bookForm">
            <div class="form-group">
                <label>书名：