我要試著刻出跟圖片中一樣的框架

vue.js

yonghaow88 2023-11-29 14:05:00 ‧ 2097 瀏覽

分享至

看更多先前的討論...收起先前的討論...

froce iT邦大師 1 級 ‧ 2023-11-29 15:06:47 檢舉

把圖片中刻出框架?
為什麼我中文聽不懂你說?

wwin3286tw iT邦新手 5 級 ‧ 2023-11-29 15:12:00 檢舉

確定是要討論?我怎麼看不出做了什麼研究?
如果你只想抄版，以下拿去，chatGPT付費版產的，你可以自己拿去改
<!DOCTYPE html>
<html lang="zh-Hant">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>車輛進出記錄</title>
<style>
body { font-family: Arial, sans-serif; }
.container { width: 90%; margin: auto; }
.header, .footer { text-align: center; padding: 10px; }
.nav { background-color: #f2f2f2; padding: 10px; }
.nav ul { list-style: none; }
.nav ul li { display: inline; margin-right: 10px; }
.record-table { width: 100%; border-collapse: collapse; }
.record-table th, .record-table td { border: 1px solid #ddd; padding: 8px; }
.record-table th { background-color: #f2f2f2; }
.button { padding: 10px; background-color: blue; color: white; border: none; border-radius: 5px; cursor: pointer; }
.select { padding: 10px; border-radius: 5px; }
</style>
</head>
<body>

<div class="container">
<div class="nav">

</div>


<div class="vehicle-records">
<h2>車輛進出記錄</h2>

<div>

</div>


<table class="record-table">
<thead>
<tr>
<th>車牌號碼</th>
<th>進入時間</th>
<th>出去時間</th>
<th>停車位置</th>
<th>動作</th>
</tr>
</thead>
<tbody>

</tbody>
</table>
</div>

<div class="footer">

</div>
</div>

</body>
</html>

確定是要討論?我怎麼看不出做了什麼研究?
如果你只想抄版，以下拿去，chatGPT付費版產的，你可以自己拿去改
&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;zh-Hant&quot;&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot;&gt;
&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
&lt;title&gt;車輛進出記錄&lt;/title&gt;
&lt;style&gt;
  body { font-family: Arial, sans-serif; }
  .container { width: 90%; margin: auto; }
  .header, .footer { text-align: center; padding: 10px; }
  .nav { background-color: #f2f2f2; padding: 10px; }
  .nav ul { list-style: none; }
  .nav ul li { display: inline; margin-right: 10px; }
  .record-table { width: 100%; border-collapse: collapse; }
  .record-table th, .record-table td { border: 1px solid #ddd; padding: 8px; }
  .record-table th { background-color: #f2f2f2; }
  .button { padding: 10px; background-color: blue; color: white; border: none; border-radius: 5px; cursor: pointer; }
  .select { padding: 10px; border-radius: 5px; }
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;div class=&quot;container&quot;&gt;
  &lt;div class=&quot;nav&quot;&gt;
    &lt;!-- Navigation content --&gt;
  &lt;/div&gt;
  
  &lt;!-- Vehicle Records Section --&gt;
  &lt;div class=&quot;vehicle-records&quot;&gt;
    &lt;h2&gt;車輛進出記錄&lt;/h2&gt;
    &lt;!-- Filters --&gt;
    &lt;div&gt;
      &lt;!-- Dropdowns and Date Pickers --&gt;
    &lt;/div&gt;
    
    &lt;!-- Record Table --&gt;
    &lt;table class=&quot;record-table&quot;&gt;
      &lt;thead&gt;
        &lt;tr&gt;
          &lt;th&gt;車牌號碼&lt;/th&gt;
          &lt;th&gt;進入時間&lt;/th&gt;
          &lt;th&gt;出去時間&lt;/th&gt;
          &lt;th&gt;停車位置&lt;/th&gt;
          &lt;th&gt;動作&lt;/th&gt;
        &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
        &lt;!-- Table rows --&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
  
  &lt;div class=&quot;footer&quot;&gt;
    &lt;!-- Footer content --&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;/body&gt;
&lt;/html&gt;

修改