如何修改css网站导航宽度和字体

html-css013

如何修改css网站导航宽度和字体,第1张

要改宽度就改对应的width,在这里不知道这些类哪个对应导航栏。

字体类型用font-family改,大小用font-size。

导航宽度:a.menu{padding:5px 20px 0px 20px}改成a.menu{padding:5px 25px 0px 25px}这两个25可以自己调下,因为不知道导航条具体宽度,两个25px也可以是不同数字。

这几个数字表示内容距离周围的距离,顺序是:上、右、下、左。因左右距离一致,所以可以简写为a.menu{padding:5px25px 0px}

导航宽度这块,其实就是简单的css代码的修改,可以去学习一下,对css有一定认识后,自己就很好改了。

导航字体:.menu_current a.menu{font-family:"微软雅黑"font-size:12px}这两个是改字体格式和大小的,这个12px可以自己改数字,达到想要的效果。

导航字体的话,其实是属于代码的常识性操作,很简单的,就是font-family、font-size、font-color等。

要达到这种效果必须先知道这张图片是已那种形式导进去的,无外乎2种:

1.img标签导入,那么img外层如果没有浮动或者去限定宽度,默认就是填充整个屏幕的宽度,那么就可以设置img{width:100%}这句样式来让其填充满屏幕,记得高度不要设置,不然会让图片变形失真;

2.通过css里面的background-images的方式以背景的形式导进去,那么在html框架里面的图片展示标签必须是撑满屏幕宽度的,然后在样式里面通过background-size:contain让其填充满屏