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

2025-05-29 06:02:20

1、先写好html代码，把图片引入网页。<htm盟敢势袂l><head><meta http-equiv租涫疼迟="content-type" content="text/html;charset=utf-8" /><title>cssstyle</title></head><body><div class='div1'> <ul class="faceul"> <li><img src="mv.jpg" /></li> </ul></div></body></html>

2、运行网页程序，可以看到图片显示了。现在通过css来将图片设定固定的宽度高度，并使图片有边框。

3、我们咸犴孜稍先写好css代码：.div{ width:500px; height:300px; border:1px solid red;}.fac髫潋啜缅eul{ 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文件<head></head>标记对加入如下代码：&造婷用痃lt;link rel="stylesheet" type="text/css" href="a.css">我们这里把css代码命名为a.css

5、这时会发现图片位置、边框、背景等都有了，如图：

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

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。