两个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;
效果:
字符无间距;
字符有间距: