```html
<style>
.text-box {
width: 200px;
height: 200px;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
.text-box:hover {
border-color: #ddd;
</style>
<div class="text-box">
<p>Hello, world!</p>
</div>
在這個例子中,我們使用了`border`屬性來設置文本框的邊框,使用`border-radius`屬性來設置邊框的圓角大小,使用`padding`屬性來設置文本框的內邊距。最后,我們在文本框的`:hover`樣式中添加了一個`border-color`屬性,以使文本框的邊框顏色為藍色,并在鼠標懸停時更加明顯。
當然,這只是一個簡單的例子。在實際項目中,您可能需要使用更復雜的樣式來定制您自己的文本框,或者添加更多的樣式來使您的網頁更加美觀和易用。CSS加虛線是一種常用的技巧,可以幫助您使網頁中的元素更加美觀和可讀性。
上一篇css小字體清晰
下一篇自定義css當前時間