如何在Blogger中为小部件标题添加边框?

时间:2021-11-24 07:22:41

So I'm a user of Blogger, and I would just like to ask how do you add a border around the title of each widget/gadget? I place widgets in the sidebar, like About Me, Follow Us, etc., and I want to place a border around them, like in this picture. I only know how to make the widget titles have the same font and everything, so does anyone know how I can place a border?

所以我是Blogger的用户,我想问一下如何在每个小部件/小工具的标题周围添加边框?我将小部件放在侧边栏中,例如关于我,关注我们等,我想在它们周围放置一个边框,就像在这张图片中一样。我只知道如何使小部件标题具有相同的字体和所有内容,所以有谁知道如何放置边框?

Widget with borders

带边框的小工具

如何在Blogger中为小部件标题添加边框?

1 个解决方案

#1


1  

Try putting each widget within a div, and adding css for the divs to have padding.

尝试将每个小部件放在div中,并为div添加css以进行填充。

For example:

例如:

<div class=widget">
 widget here
</div>

<style>
    .widget{
       padding:5px;
    }
</style>

Something like that should work. Let me know if it does not. Additionally, posting your code as an edit within the question would make it a lot easier to help solve your problem.

这样的事情应该有效。如果没有,请告诉我。此外,在问题中将代码作为编辑发布将使得帮助解决问题变得更加容易。

#1


1  

Try putting each widget within a div, and adding css for the divs to have padding.

尝试将每个小部件放在div中,并为div添加css以进行填充。

For example:

例如:

<div class=widget">
 widget here
</div>

<style>
    .widget{
       padding:5px;
    }
</style>

Something like that should work. Let me know if it does not. Additionally, posting your code as an edit within the question would make it a lot easier to help solve your problem.

这样的事情应该有效。如果没有,请告诉我。此外,在问题中将代码作为编辑发布将使得帮助解决问题变得更加容易。