关于css里设置个性化的logo

html-css014

关于css里设置个性化的logo,第1张

一般logo都是设置到logo容器里面的背景。

把承载logo的容器的height值改的和图片的高度一致就可以了。

例如,logo大小为150px * 50px:

<!-- html部分 -->

<h1><a href="http://www.163.com">个人网站</a></h1>

/* CSS 部分 */

h1 { width: 150pxheight:50px}

h1 a { display:blockwidth:150pxheight:50pxtext-indent:-30px}

换成了150px * 65px 的就把CSS 部分h1和h1 a 里面的height改成65px 就可以了。

由于有字数限制,不能写出所有详细步骤,所以这里不添加代码了,你可以自己搜索下添加修改css代码,然后按着操作走就可以了,但是提醒你,有些模板CSS代码不相同,新手不易操作,以防出错

把你找到的css代码当中的logo-site改成你网站包围logo的css即可(f12键审核元素,即可找到你的logo的css元素)。找到你logo的css名称然后把上面的css代码修改成你的css名称,放入css代码当中即可(防止出错,记得备份!)

以上就是logo添加css扫光效果的方法,当然你也可以运用到其他的地方。

打开外链的CSS文件(一般是在<head>标签里面的<link href="xxxx.css" rel="stylesheet" type="text/css" />),进入xxxx.css文件后,找到“.logo_wrap fl”,看后面的{}里面有没有原本logo的地址,有的话直接把新地址覆盖上去即可。