[31--CSS] overflow 溢出属性
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--这里的溢出指的是,我们在一个块级元素中插入一张图片-->
<!--图片太大,块级标签显示不下,所以设置溢出时图片的属性-->
<style>
.header-img{
width: 200px;
height: 200px;
border:pink solid 5px;
border-radius: 50%;
overflow: hidden;
}
</style>
</head>
<body>
<div class="header-img">
<img src="1.jpg">
</div>
</body>
</html>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步