我有一段 HTML 代碼。我想給我的div：
<div class="mb-3" style="width: 50%; margin: 0 auto; border: 2px black;">
<label for="scannerName">Select preferred scanner :</label><br>
<select name="scannerName" id="scannerName" style="text-align: center; width: 50%;"></select><br><br>
<label for="pixelMode">Select pixel mode :</label><br>
<select name="pixelMode" id="pixelMode" style="text-align: center; width: 50%;"></select><br><br>
<label for="resolution">Select resolution :</label><br>
<select name="resolution" id="resolution" style="text-align: center; width: 50%;"></select><br><br>
<label for="imageFormat">Select image format :</label><br>
<select name="imageFormat" id="imageFormat" style="text-align: center; width: 50%;"></select><br><br>
</div>我試過行內style="border:2px black"，但沒有顯示邊框。我如何給邊界？
uj5u.com熱心網友回復：
您需要指定邊框的型別，例如邊框將是實心的：
<div class="mb-3" style="width: 50%; margin: 0 auto; border: 1px solid black;">
<label for="scannerName">Select preferred scanner :</label><br>
<select name="scannerName" id="scannerName" style="text-align: center; width: 50%;"></select><br><br>
<label for="pixelMode">Select pixel mode :</label><br>
<select name="pixelMode" id="pixelMode" style="text-align: center; width: 50%;"></select><br><br>
<label for="resolution">Select resolution :</label><br>
<select name="resolution" id="resolution" style="text-align: center; width: 50%;"></select><br><br>
<label for="imageFormat">Select image format :</label><br>
<select name="imageFormat" id="imageFormat" style="text-align: center; width: 50%;"></select><br><br>
</div>style="border solid 2px black"
uj5u.com熱心網友回復：
我建議閱讀此檔案。你在正確的路線上。嘗試style="width: 50%; border: 2px solid black; margin: 0 auto; border: 2px black;"
另請注意，如果您的 div 是 html 的寬度，您可能只能看到頂部和底部。要了解如何正確調整盒子的大小，請查看此鏈接。
有用的邊界鏈接：
- https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-style
- https://www.w3schools.com/css/css_border.asp
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/440311.html
下一篇：隱藏滾動條但它仍然可以滾動