<a href="goods/createGoods.action"><i class="Hui-iconfont">上架新商品</i></a>如何在“上架新商品”文字上加一个淡蓝色小框
时间: 2023-06-15 20:05:01 浏览: 99
你可以使用CSS样式来为文字添加一个淡蓝色小框。可以在文字所在的元素上添加一个CSS类,然后在CSS文件中定义这个类的样式。以下是一个简单的例子:
HTML代码:
```html
<a href="goods/createGoods.action" class="blue-box"><i class="Hui-iconfont">上架新商品</i></a>
```
CSS代码:
```css
.blue-box {
display: inline-block;
padding: 5px;
border: 1px solid #ccc;
background-color: #f2f2f2;
border-radius: 3px;
text-decoration: none;
color: #333;
}
```
这个例子中,我们给文字所在的`<a>`元素添加了一个叫做`blue-box`的CSS类。在CSS样式中,我们为这个类定义了一些样式,包括边框、背景色、圆角等。最后,我们还去掉了文字的下划线,并将文字的颜色设置为黑色。
相关问题
<div class="blue-box"> <a href="goods/createGoods.action">上架新商品</a> </div>给文字添加淡蓝色边框如何写代码
你可以使用CSS的样式来为文字添加淡蓝色边框,代码如下:
```css
.blue-box {
border: 1px solid #00BFFF;
padding: 10px;
background-color: #F0F8FF;
}
```
然后在HTML中添加以下代码:
```html
<div class="blue-box">
<a href="goods/createGoods.action">上架新商品</a>
</div>
```
这样就可以为文字添加淡蓝色边框了。
<div class="blue-box"> <a href="goods/createGoods.action">上架新商品</a> </div>给文字添加淡蓝色背景如何写代码
你可以使用 HTML 和 CSS 来实现这个效果。代码如下:
```html
<div class="blue-box">
<a href="goods/createGoods.action">上架新商品</a>
</div>
```
```css
.blue-box {
background-color: #cce5ff; /* 设置背景色为淡蓝色 */
padding: 10px; /* 设置内边距为 10 像素 */
}
```
这样就可以将文字添加淡蓝色背景了。你可以根据需要自行调整背景颜色和内边距大小。
阅读全文