<div class="blue-box"> <a href="goods/createGoods.action">上架新商品</a> </div>给文字添加淡蓝色边框如何写代码
时间: 2023-10-22 16:05:20 浏览: 31
你可以使用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 像素 */
}
```
这样就可以将文字添加淡蓝色背景了。你可以根据需要自行调整背景颜色和内边距大小。
<div class="blue-box" style="background-color: #f5fafe;padding: 10px;"> <a href="goods/createGoods.action">上架新商品</a> </div>如何将文字放在右边
您可以使用CSS中的float属性将文本向右浮动。例如:
```
<div class="blue-box" style="background-color: #f5fafe;padding: 10px;">
<div style="float: right;">
<a href="goods/createGoods.action">上架新商品</a>
</div>
</div>
```
这将把链接向右浮动,并使其出现在蓝色框的右侧。您可以根据需要进一步调整样式。