多语言展示
当前在线:380今日阅读:113今日分享:31

怎么用css设置一个图片位置并有边框宽度

在网页设计中常常会用到图片放到一个想要的位置,并制定宽度高度,使得这样图片增加网页的绚丽多姿,怎么设置额。下面讲讲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.css

5

这时会发现图片位置、边框、背景等都有了,如图:

6

至此,控制页面中图片位置及大小实现了,有需要的伙伴可以了解下。

注意事项
1

边框border有三个属性:边框像素、是否实线、背景色。

2

知道类选择器、父子选择器的概念及区别。

推荐信息