用css写一个椭圆的文本框
时间: 2023-10-05 08:13:49 浏览: 65
可以使用CSS的border-radius属性来实现椭圆形状的文本框。以下是一个示例代码:
```css
.ellipse-textbox {
border-radius: 50%; /* 将边框的角度设置为50%可以产生椭圆形状 */
width: 300px; /* 设置文本框的宽度 */
height: 150px; /* 设置文本框的高度 */
padding: 10px; /* 设置内边距 */
border: 2px solid #ccc; /* 设置边框样式 */
}
```
然后在HTML中使用如下代码来创建文本框:
```html
<div class="ellipse-textbox">
<p>这是一个椭圆形状的文本框</p>
</div>
```
你可以根据需要调整文本框的大小和样式。