图片下方实现倒三角（详情见图）

1.让文字居中显示：使用line-height：属性等于父盒子的宽度

h3 {
		margin: 0 auto;
		line-height: 50px;
		text-shadow: 2px 2px 8px rgb(238, 255, 0); /* 设置文本阴影 */
	}

2.图片下方添加三角型
一定要把这个加上： display: inline-block;

/* 等腰三角形（箭头朝上）； */
#div1 {
        display: inline-block;  
		width: 0;
		height: 0;
		border-bottom: 12px solid black;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;    
	}

效果：