图片圆角设置失败

代码

.course>ul>li>img{

   float: left;

      padding-right: 29px;

border-radius: 10px;

width: 218px;

height: 145px;

padding-left: 38px;

}

源码

<template>
	<div class="course">
		<ul>
			<li>
				<img src="../../assets/course1.jpg" />
				<h1>实例秒解Sed和Awk的秘密</h1>
				<h3>中级.330人在学</h3>
			</li>
		</ul>
	</div>
</template>
<style scoped>
	.course{
		width: 750px;
		overflow-y: scroll;
		overflow-x: hidden;	
	}
	.course>ul{
      font-size: 0;
	}
	.course>ul>li{
		padding-top: 43px; 
		position: absolute;
      width: 750px;
     padding-bottom: 5px;
      background: yellow;
	}
	.course>ul>li>img{
	
	   float: left;
      padding-right: 29px;
	border-radius: 10px;
		width: 218px;
		height: 145px;
		padding-left: 38px;
    
	}
	.course>ul>li>h1{
		float: left;
		display: flex;
		font-size: 28px;
		font-weight: 200;
 
	}
	.course>ul>li>h3{
		margin-top: 20px;
		float: left;
		font-size: 16px;
		font-weight:10;
	}

</style>