很多人选免费模板,看着挺顺眼,但颜色、字体、间距跟自己品牌不搭。找开发改又贵,其实会改几行CSS,自己动手半小时就能搞定。

先搞清楚CSS是干嘛的

HTML 是骨架,CSS 是皮肤。模板里那些蓝色按钮、灰色文字、大号标题,都是CSS控制的。你改CSS,就是在告诉浏览器:这个按钮换成红色、这个标题换成大号。

不用学完整门语言,记住几个常用值就够。

最常改的几个地方

主色调:找到 body 或者主按钮的 color / background,把色值换成你品牌色。比如把 #2c3e50 换成 #e74c3c,整站颜色立刻就变了。

字体:font-family 一行搞定。中文站一般用「微软雅黑」或者系统默认无衬线字体,别用太花哨的字体。

间距:padding 和 margin 控制元素之间的距离。觉得页面太挤就把数值调大,太松就调小。

圆角:border-radius 改按钮和卡片的圆角大小。0 是直角,20px 是大圆角。

怎么找到要改的位置

浏览器打开你的网站,按 F12 调出开发者工具,点左上角的箭头图标,再点页面上你想改的元素,右边就会显示对应的CSS。复制到模板的自定义CSS区域里改就行。

现在免费CMS后台基本都有「自定义CSS」输入框,不用改模板文件,直接粘贴进去保存。

小提醒

改之前先备份一下原来的CSS,改坏了能还原。别一次改太多,改一项刷新看一眼。

会改CSS之后,模板对你来说就不是固定死的了,想怎么调就怎么调。