Article From:https://www.cnblogs.com/1500418882qqcom/p/9970172.html

1、Square graph rounding

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%;

  Effect:

                     

 

 

2、Set character spacing;

letter-spacing:10px;

html:
<div class="song_sheet_head">
	<b>Song list recommendation & lt; / B & gt;< /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;

  Effect:

Characters without spacing;

Characters are spaced:

Link of this Article: Two CSS Styles

Leave a Reply

Your email address will not be published. Required fields are marked *