[分享]css做输入框在代码

发布于 2024-11-11 15:55:57

CSS的输入框样式可以根据我们的需要进行自定义，如大小、颜色、风格等等。以下是一个示例代码。

<style>
	input[type="text"] {
		height: 30px;
		width: 200px;
		font-size: 16px;
		border: 2px solid #ccc;
		border-radius: 5px;
		padding: 5px;
		margin: 10px;
	}
</style>

<body>
	<input type="text" placeholder="请在此输入内容">
</body>

在CSS中，我们使用选择器来选择文本输入框。在示例代码中，我们定义了文本框的高度、宽度、字体大小、边框样式以及圆角和内外边距。

上述代码的效果是一个经过样式美化的文本输入框，它可以在网页的任何位置使用。你还可以通过CSS来实现其他的输入框样式。快来试试吧！

css 教程

一个月内的热帖推荐

91云脑

Lv.1普通用户

62849 帖子	14 小组	291 积分

62849

帖子

小组

291

积分

关注作者

发帖	回复	分享

赞助商广告

本组热帖