css 文字加框变色 |ie圆角按钮css

/* 给文字加框 */
p {
border: 1px solid #000;
padding: 5px;
}
/* 鼠标悬停时，文字框变色 */
p:hover {
border-color: #F00;
}

首先，大家使用

标签来包裹文本内容。使用CSS的border属性，为文本设置一个1像素的实线边框，并设置内边距为5像素，使文字与边框有一定的间隔。这样，大家就为文本添加了一个框。

接着，大家在CSS中使用:hover伪类，来实现鼠标悬停时，文本框颜色的变化。当鼠标悬停在文本框上时，大家将框的边框颜色设置为红色（#F00）。

通过简单的CSS样式设置，大家就能实现文字加框变色的效果。大家可以根据自己的需求，对代码进行一定的调整，达到更好的效果。