很多人选免费模板,看着挺顺眼,但颜色、字体、间距跟自己品牌不搭。找开发改又贵,其实会改几行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之后,模板对你来说就不是固定死的了,想怎么调就怎么调。


