&

CSS給網(wǎng)頁上的評論文本框加上提醒功能背景圖片

admin

2010年3月12日 22:43 本文熱度 7588

在不少的網(wǎng)站中，大家都發(fā)現(xiàn)它的評論框中有一個帶提醒功能的圖片，這是怎么弄的呢？其實用css就可以輕松實現(xiàn)，只用給textarea增加background屬性，然后引入一張背景圖，設(shè)置no-repeat right bottom，意思是不重復(fù)，靠右下對齊，是不是挺簡單的？
[code]文本框加上提醒背景

[/code]
<div align="right" style="color:darkgrey;font-size:12px;"><br>該文章在 2010/3/12 22:44:25 編輯過</div></div>

</div>
		</td>
		<td id="td_rightpart" class="vtclgntop">
			<div   id="v6fgzc1vch"   class="closely boxborder">
				
				<div   id="v6fgzc1vch"   class="ultitle">關(guān)鍵字查詢</div>
				<div   id="v6fgzc1vch"   class="searchitem">
					
					<div><label><input type="checkbox" name="searchword" value="css"  checked/>css<label></div>
					
					<div><label><input type="checkbox" name="searchword" value="圖片"  checked/>圖片<label></div>
					
					<div><label><input type="checkbox" name="searchword" value="網(wǎng)頁"  checked/>網(wǎng)頁<label></div>
					
					<div><label><input type="checkbox" name="searchword" value="文本框" />文本框<label></div>
					
					<div><label><input type="checkbox" name="searchword" value="文本" />文本<label></div>
					
					<div><label><input type="checkbox" name="searchword" value="背景" />背景<label></div>
					
					<div><label><input type="checkbox" name="searchword" value="評論" />評論<label></div>
					
					<div><label><input type="checkbox" name="searchword" value="功能" />功能<label></div>
					
					<div><label><input type="checkbox" name="searchword" value="提醒" />提醒<label></div>
					<input type="button" value="查詢" class="button_40px" onclick="search_other_keyword()"/>
				</div>
				
				<div   id="v6fgzc1vch"   class="ultitle">相關(guān)文章</div>
				<div   class="v6fgzc1vch"   id="closely_list_area"><div style="padding:20px;text-align:center;">正在查詢...</div></div>
			</div>
			<div   id="v6fgzc1vch"   class="fixedtop">
			<div   id="v6fgzc1vch"   class="gg ggshadow">
	<a  target="_blank"><img src="images/gg1erp300_120.png" alt="點晴ERP是一款針對中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國內(nèi)大量中小企業(yè)的青睞。" title="點晴ERP是一款針對中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國內(nèi)大量中小企業(yè)的青睞。"/></a>
</div>
<div   id="v6fgzc1vch"   class="gg ggshadow">
	<a  target="_blank"><img src="images/gg2pms300_120.png" alt="點晴PMS碼頭管理系統(tǒng)主要針對港口碼頭集裝箱與散貨日常運(yùn)作、調(diào)度、堆場、車隊、財務(wù)費(fèi)用、相關(guān)報表等業(yè)務(wù)管理，結(jié)合碼頭的業(yè)務(wù)特點，圍繞調(diào)度、堆場作業(yè)而開發(fā)的。集技術(shù)的先進(jìn)性、管理的有效性于一體，是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。" title="點晴PMS碼頭管理系統(tǒng)主要針對港口碼頭集裝箱與散貨日常運(yùn)作、調(diào)度、堆場、車隊、財務(wù)費(fèi)用、相關(guān)報表等業(yè)務(wù)管理，結(jié)合碼頭的業(yè)務(wù)特點，圍繞調(diào)度、堆場作業(yè)而開發(fā)的。集技術(shù)的先進(jìn)性、管理的有效性于一體，是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。"/></a>
</div>
<div   id="v6fgzc1vch"   class="gg ggshadow">
	<a  target="_blank"><img src="images/gg3wms300_120.png" alt="點晴WMS倉儲管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質(zhì)期管理,貨位管理,庫位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號管理軟件。" title="點晴WMS倉儲管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質(zhì)期管理,貨位管理,庫位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號管理軟件。"/></a>
</div>
<div   id="v6fgzc1vch"   class="gg ggshadow">
	<a  target="_blank"><img src="images/gg4oa300_120.png" alt="點晴免費(fèi)OA是一款軟件和通用服務(wù)都免費(fèi)，不限功能、不限時間、不限用戶的免費(fèi)OA協(xié)同辦公管理系統(tǒng)。" title="點晴免費(fèi)OA是一款軟件和通用服務(wù)都免費(fèi)，不限功能、不限時間、不限用戶的免費(fèi)OA協(xié)同辦公管理系統(tǒng)。"/></a>
</div>
			</div>
		</td>
	</tr>
	</table>
</div>
<script type="text/javascript" src="js/prism.js"></script>
<script type="text/javascript">
getCloselyArticle();
var titlelist="";
try{
	var cj=JSON.parse('[]');
	for(var i=0;i<cj.length;i++){
		titlelist=titlelist+'<li><a href="showbbs.asp?id='+cj[i].id+'" target="_blank">'+cj[i].title+'</a></li>';
	}
	if(titlelist!=""){titlelist='<ul class="ulist">'+ titlelist +'</ul>';}
	document.getElementById("closely_list_area").innerHTML=titlelist;
}catch(err){}

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

</script>
<div style="font-size:12px;">
 <div align="center">Copyright 2010-2025 <a target=_blank href=http://www.rfklfw.com>ClickSun</a> All Rights Reserved</div><br></div>
<a href="http://www.rfklfw.com/">黄频国产免费高清视频,久久不卡精品中文字幕一区,激情五月天AV电影在线观看,欧美国产韩国日本一区二区</a>
<div style="position:fixed;left:-9000px;top:-9000px;"></div>
<a href="http://bizanthropist.com" target="_blank">亚洲欧美偷拍五月天
</a>|
<a href="http://imbaedu.com" target="_blank">亚洲国产GⅤ精品一区二区
日本中文字幕久久
</a>|
<a href="http://plppw.com" target="_blank">在线鲁鲁视频免费观看
</a>|
<a href="http://rlnsln.com" target="_blank">婷婷爱九月久久夜夜
</a>|
<a href="http://yyueche.com" target="_blank">日本一区精品一本大道
</a>|
<a href="http://hnbzwl.com" target="_blank">日本少妇高潮久久久久
</a>|