两个css样式

1、方形图变圆

html:
<div class="head_inf ">
	<div>
		<img src="../imgs/g.jpg" alt="">
	</div>
</div>

  

css:
.head_inf img{
	width:150px; 
	height:150px; 
	border-radius: 50%;

  效果:

                     

 

 

2、设置字符间距;

letter-spacing:10px;

html:
<div class="song_sheet_head">
	<b>歌单推荐</b>
</div>

  

css:
.song_sheet_head{
		width: 50%;
		height: 70px;
		background-color: yellow;
		margin: 0 auto;
		text-align: center;
		font-size: 28px;
		color: black;
		line-height: 63px;
		letter-spacing: 10px;
		padding-top: 20px;

  效果:

字符无间距;

字符有间距:

posted @ 2018-11-16 16:41  诸城布拉德皮特  阅读(195)  评论(0编辑  收藏  举报