select的最佳预设（reset）

最新推荐文章于 2025-09-11 10:42:34 发布

axl234

最新推荐文章于 2025-09-11 10:42:34 发布

阅读量233

点赞数

CC 4.0 BY-SA版权

分类专栏： css 文章标签： xhtml

本文链接：https://blog.youkuaiyun.com/axl234/article/details/84267237

css 专栏收录该内容

104 篇文章

订阅专栏

本文提供了一个HTML页面示例，展示了如何使用选择器创建简单的下拉菜单。此示例适用于前端开发初学者学习HTML和CSS的基本用法。

下面是全兼容代码示例。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>demo</title>
<style>
*{padding:0; margin:0}
body{font-size:12px}
select{height:22px; line-height:18px; padding:2px 0}
</style>
</head>
<body>
<div style="margin-top:20px; margin-left:20px; background:#000">
<select>
    <option>演示问题一</option>
    <option>演示问题二</option>
    <option>演示问题三</option>
    <option>演示问题四</option>
    <option>演示问题五</option>
</select>
</div>
</body>
</html>