背景透明，内容不透明CSS代码生成器

2020-01-27 14:17:16

字体：大中小

来源：转载

供稿：网友

背景透明，内容不透明CSS代码生成器，为页面元素添加背景透明，内容不透明的效果，兼容IE6/7/8/9/10、Chrome、Firefox、Safari、Opera。

<!DOCTYPE HTML><html><head><meta charset="UTF-8"><title>背景透明，内容不透明CSS代码生成器</title></head><body><style type="text/css">#hananBackgroundColorOpacity{margin:10px;} #hananBackgroundColorOpacity span{margin-left:10px; color:#8a8c8e;}#hananBackgroundColorOpacity textarea{width:650px; height:120px; padding:5px; color:#fff; background:#000;}#hananBackgroundColorOpacity strong{color:#000;}#hananBackgroundColorOpacity h3{color:#000; border-bottom:1px solid #ccc; line-height:57px;}#hananBackgroundColorOpacity h3 img{ float:right;}#hananBackgroundColorOpacity h3 .c{ clear:both; height:0px;margin:0;padding:0;}#hananBackgroundColorOpacity .hanan_introduction,#hananBackgroundColorOpacity .hanan_introduction a{  font-size:12px; color:#6E6E6E; }#hananBackgroundColorOpacity img{border:none;}</style><div id="hananBackgroundColorOpacity">	<h3>背景透明，内容不透明CSS代码生成器	<div class="c"></div>	</h3>	<p class="hanan_introduction ">	说明：为页面元素添加背景透明，内容不透明的效果，兼容IE6/7/8/9/10、Chrome、Firefox、Safari、Opera。	</p>	<p>选择器：<input id="hananDomChooser" type="text" value="" /><span>id或者class等CSS选择器,比如:<strong>#abc</strong></span></p>	<p>颜色值：<input id="hananColorValue" type="text" value="" /><span>16进制颜色值,不带#号,比如:<strong>#c77eb5</strong>,请填:<strong>c77eb5</strong></span></p>	<p>透明度：<input id="hananOpacity" type="text" value="" /><span><strong>0</strong>到<strong>1</strong>之间,比如:<strong>0.5</strong></span></p>	<p><input id="hananGetCssCodeButon" type="button" value="生成CSS代码" /></p>	<p>		CSS代码：<br/>		<textarea id="hananCssCode" type="text"/>

上一篇：CSS3边框阴影，折角效果演示

下一篇：CSS3日出特效-HTML5日月星辰变换

学习交流

phpwind的rewrite重写原理

phpwind的rewrite重写原理...

热门图片

猜你喜欢的新闻

猜你喜欢的关注