在网页设计中常常会用到图片放到一个想要的位置,并制定宽度高度,使得这样图片增加网页的绚丽多姿,怎么设置额。下面讲讲css使用。通过css选择器使用及宽度高度定位等知识组合。
工具/原料
1
基础的html页面标记知识。
2
css选择器概念及使用方法,父子选择器的知识运用。
方法/步骤
2
运行网页程序,可以看到图片显示了。现在通过css来将图片设定固定的宽度高度,并使图片有边框。
3
我们先写好css代码:.div{ width:500px; height:300px; border:1px solid red;}.faceul{ background:pink; width:300px; height:200px; border:1px solid blue;}.faceul img{ width:60px; margin:10px 20px; border:1px solid black;}.faceul li{ list-style-type:none;}
4
这时我们引入css文件,在html文件
标记对加入如下代码:我们这里把css代码命名为a.css5
这时会发现图片位置、边框、背景等都有了,如图:
6
至此,控制页面中图片位置及大小实现了,有需要的伙伴可以了解下。
注意事项
1
边框border有三个属性:边框像素、是否实线、背景色。
2
知道类选择器、父子选择器的概念及区别。
上一篇:css圆角和边框
下一篇:Html入门——文本样式调整