CSS给网页上的评论文本框加上提醒功能背景图片

在不少的网站中，大家都发现它的评论框中有一个带提醒功能的图片，这是怎么弄的呢？其实用css就可以轻松实现，只用给textarea增加background属性，然后引入一张背景图，设置no-repeat right bottom，意思是不重复，靠右下对齐，是不是挺简单的？

文本框加上提醒背景

</code>
</div>

<iframe style="width:100%; height:120px; display:none;" name="weixin_share" id="weixin_share" src=""></iframe>
<input type="hidden" id="appid" name="appid" value="">
<input type="hidden" id="timestamp" name="timestamp" value="">
<input type="hidden" id="noncestr" name="noncestr" value="">
<input type="hidden" id="signature" name="signature" value="">
<input type="hidden" id="share_link" name="share_link" value="">
<input type="hidden" id="cd" name="cd" value="">
<script type="text/javascript" src="/mis/bbs/js/prism.js"></script><br>
<div style="width: 100%; padding-top: 3px; padding-bottom: 3px; margin-top: 0px; margin-bottom: 0px; white-space: normal; min-height: 1.5em; word-wrap: normal; word-break: normal; line-height: 32px; color: rgb(62, 62, 62); text-align: center; background-color:#FF9C00;"><strong><span style="color: rgb(255, 255, 255);">更多精彩文章浏览...</span></strong></div>
<iframe style="width:100%;height:250px;border:none;margin-top:0px;margin-bottom:0px;" src="/mis/bbs/showappmore.asp" frameborder="0"></iframe>
<div style="padding-top: 3px; padding-bottom: 3px; white-space: normal; min-height: 1.5em; word-wrap: normal; word-break: normal; line-height: 32px; color: rgb(62, 62, 62); text-align: center; background-color: rgb(0, 187, 236);"><strong><span style="color: rgb(255, 255, 255);">点击右上角图标分享到朋友圈</span></strong></div>
<div style="margin-top:5px;margin-left:6px;">官方网站：<a href="http://www.clicksun.cn" style="text-decoration:none;color:#0080FF;">http://www.clicksun.cn</a></div>
<div style="margin-top:3px;margin-left:6px;">咨询热线：<a href="tel:400-186-1886" style="text-decoration:none;color:#0080FF;">400-186-1886</a></div>
<div style="margin-top:3px;margin-left:6px;margin-bottom:5px;">服务邮箱：<a href="mailto:service@clicksun.cn" style="text-decoration:none;color:#0080FF;">service@clicksun.cn</a></div>
<div style="width: 100%; margin:0px 0px 0px 0px; background-color:#FF9C00;"><a href="http://www.clicksun.cn"><img src="/files/all_around/cs_weixin_down.png?id=20181207" width="100%" border="0" /></a></div>
<script language="javascript">
document.body.oncopy=function(){
event.returnValue=false;
var txt_cr=document.selection.createRange().text;
var copy_cr="资料来源：深圳市点晴信息技术有限公司(www.clicksun.cn), 原文地址："+document.location;
txt_cr=txt_cr+"\r\n\r\n\r\n"+copy_cr;
window.clipboardData.setData("Text",txt_cr);
}

	
	Prism.hooks.add('before-sanity-check', function (env) {
		env.element.innerHTML = env.element.innerHTML.replace(/<br>/g, '\n');
		env.code = env.element.textContent;
	});
	
</SCRIPT>

<iframe style="WIDTH:0px;HEIGHT:0px;display:none;" name="city_edit" id="city_edit" src="" frameborder=0></iframe>
</body>
</html>