小編給大家分享一下如何使用css3內(nèi)容屬性為元素添加內(nèi)容，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！
成都創(chuàng)新互聯(lián)主營江源網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,重慶APP開發(fā)公司,江源h5微信小程序開發(fā)搭建,江源網(wǎng)站營銷推廣歡迎江源等地區(qū)企業(yè)咨詢
css3內(nèi)容屬性屬于內(nèi)容生成和替換模塊，該屬性能夠為指定元素添加內(nèi)容。實際上內(nèi)容生成和替換行為已經(jīng)超越了CSS樣式表的核心功能，這部分功能替代了原需JavaScript腳本來實現(xiàn)的角色任務(wù)。不過內(nèi)容屬性比較實用，它能夠滿足樣式設(shè)計臨時添加非結(jié)構(gòu)性的樣式服務(wù)標(biāo)簽，或者添加補充說明性內(nèi)容等。
css3的內(nèi)容屬性初始變量正常，適用于所有可用元素。取值簡單說明如下。
普通的：數(shù)值。
string：插入文本內(nèi)容。
attr（）：插入元素的屬性值。
uri（）：插入一個外部資源，如圖像，音頻，視頻或瀏覽器支持的其他任何資源。
counter（）：計數(shù)器，用于插入排序標(biāo)識。
none：無任何內(nèi)容。
內(nèi)容屬性的簡單用法就是在文檔中添加內(nèi)容，本示例為div元素添加一行提示文本，提示當(dāng)前瀏覽器是否支持內(nèi)容將性，
完整代碼如下：
<！DOCTYPE html PUBLIC“-// W3C // DTD XHTML 1.0 Transitional // EN”“ http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
</ title > </p><p><style type = “ text / css” ></p><p>p {text-align：center; 紅色; }</p><p>p：{內(nèi)容后：“支持”; }</p><p></ style > </p><p></ head > </p><p><body > </p><p><p >當(dāng)前瀏覽器是否支持內(nèi)容特性？<br /> </ p > </p><p></ body > </p><p></ html ></p><p>下面的示例使用css3內(nèi)容屬性為元素添加外部圖像，代碼如下：</p><p><！DOCTYPE html PUBLIC“-// W3C // DTD XHTML 1.0 Transitional // EN”“ /upload/otherpic54/20511.jpg）;</p><p>}</p><p></ style > </p><p></ head > </p><p><body > </p><p><div > </ div > </p><p></ body > </p><p></ html ></p><p>看完了這篇文章，相信你對“如何使用css3內(nèi)容屬性為元素添加內(nèi)容”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！</p>
<br>
網(wǎng)站標(biāo)題：如何使用css3內(nèi)容屬性為元素添加內(nèi)容 <br>
網(wǎng)站地址：<a href="http://weahome.cn/article/giigsg.html">http://weahome.cn/article/giigsg.html</a>
</div>
</div>
</div>
<div id="squ6kqw" class="other container">
<h3>其他資訊</h3>
<ul>
<li>
<a href="/article/cdccsi.html">如何解決gitbashPHP執(zhí)行輸出中文亂編的問題-創(chuàng)新互聯(lián)</a>
</li><li>
<a href="/article/cdccdh.html">如何在小程序中實現(xiàn)一個微信支付功能-創(chuàng)新互聯(lián)</a>
</li><li>
<a href="/article/cdcces.html">如何聲明第一個css變量-創(chuàng)新互聯(lián)</a>
</li><li>
<a href="/article/cdccee.html">Cordova學(xué)習(xí)筆記angular中一些標(biāo)簽的使用-創(chuàng)新互聯(lián)</a>
</li><li>
<a href="/article/cdcdhs.html">python中裝包與解包的示例分析-創(chuàng)新互聯(lián)</a>
</li> </ul>
</div>
<div id="squ6kqw" class="footer">
<div id="squ6kqw" class="foota container">
<div id="squ6kqw" class="foot_nav fl col-lg-8 col-md-8 col-sm-12 col-xs-12">
<ul>
<li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>網(wǎng)站制作</h3>
<a target="_blank">網(wǎng)站制作價格</a><a target="_blank">成都網(wǎng)站制作</a><a target="_blank">手機網(wǎng)站制作</a><a target="_blank">廣安網(wǎng)站制作公司</a><a target="_blank">手機網(wǎng)站制作設(shè)計</a><a target="_blank">手機網(wǎng)站制作</a> </li>
<li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>企業(yè)服務(wù)</h3>
<a target="_blank">互聯(lián)網(wǎng)藥品信息服務(wù)資格證</a><a target="_blank">網(wǎng)站備案</a><a target="_blank">商標(biāo)注冊</a><a target="_blank">免費建站</a><a target="_blank">友情鏈接購買</a><a target="_blank">買友情鏈接</a> </li>
<li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>網(wǎng)站建設(shè)</h3>
<a target="_blank">江油網(wǎng)站建設(shè)</a><a target="_blank">手機網(wǎng)站建設(shè)公司</a><a target="_blank">攀枝花網(wǎng)站建設(shè)</a><a target="_blank">成都商城網(wǎng)站建設(shè)</a><a target="_blank">成都品牌網(wǎng)站建設(shè)</a><a target="_blank">手機網(wǎng)站建設(shè)套餐</a> </li>
<li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>服務(wù)器托管</h3>
<a target="_blank">IDC機房托管</a><a target="_blank">綿陽服務(wù)器托管</a><a target="_blank">重慶電信回興機房托管</a><a target="_blank">服務(wù)器托管機房</a><a target="_blank">重慶服務(wù)器托管</a><a target="_blank">貴安電信機房</a> </li>
</ul>
</div>
<div id="squ6kqw" class="footar fl col-lg-4 col-md-4 col-sm-12 col-xs-12">
<p>全國免費咨詢:</p>
<b>400-028-6601</b>
<p>業(yè)務(wù)咨詢：028-86922220 / 13518219792</p>
<p>節(jié)假值班：18980820575 / 13518219792</p>
<p>聯(lián)系地址：成都市太升南路288號錦天國際A幢1002號</p>
</div>
</div>
<div id="squ6kqw" class="footb">
<div id="squ6kqw" class="copy container">
<div id="squ6kqw" class="fl">Copyright ? 成都創(chuàng)新互聯(lián)科技有限公司重慶分公司 <a target="_blank">渝ICP備2021005571號</a></div>
<!--<div id="squ6kqw" class="fr"><a target="_blank">成都網(wǎng)站建設(shè)</a>：<a target="_blank">創(chuàng)新互聯(lián)</a></div>-->
</div>
</div>
<div id="squ6kqw" class="link">
<div id="squ6kqw" class="container">
友情鏈接:：
<a target="_blank">成都網(wǎng)站建設(shè)</a>
<a target="_blank">重慶網(wǎng)站建設(shè)</a>
<a href="">四川網(wǎng)站建設(shè)</a>
<a href="">重慶建設(shè)網(wǎng)站</a>
<a target="_blank">移動服務(wù)器托管</a>
<a target="_blank">成都服務(wù)器托管</a>
<a target="_blank">云服務(wù)器</a>
<a target="_blank">廣告設(shè)計制作</a>
<a target="_blank">重慶網(wǎng)頁設(shè)計</a>
<a target="_blank">重慶做網(wǎng)站</a>
<a target="_blank">重慶網(wǎng)站制作</a>
<a href="">重慶網(wǎng)站建設(shè)</a>
<a href="">重慶網(wǎng)站公司</a>
<a href="">渝中網(wǎng)站制作</a>
<a href="">重慶網(wǎng)站設(shè)計</a>
</div>
</div>
</div>
<div id="squ6kqw" class="foot">
<ul class="public-celan">
<li>
<a target="_blank" class="a1 db tc">
<img src="/Public/Home/img/icon-23.png" alt="" class="db auto">
<span id="squ6kqw" class="span-txt">在線咨詢</span>
</a>
</li>
<li>
<a href="tel:18980820575" class="a1 db tc">
<img src="/Public/Home/img/icon-24.png" alt="" class="db auto">
<span id="squ6kqw" class="span-txt">電話咨詢</span>
</a>
</li>
<li>
<a target="_blank" href="tencent://message/?uin=1683211881&Site=&Menu=yes" class="a1 db tc">
<img src="/Public/Home/img/icon-25.png" alt="" class="db auto">
<span id="squ6kqw" class="span-txt">QQ咨詢</span>
</a>
</li>
<li>
<a target="_blank" href="tencent://message/?uin=532337155&Site=&Menu=yes" class="a1 db tc public-yuyue-up">
<img src="/Public/Home/img/icon-26.png" alt="" class="db auto">
<span id="squ6kqw" class="span-txt">預(yù)約顧問</span>
</a>
</li>
</ul>
</div>
<div id="squ6kqw" class="customer">
<dl class="icon1">
<dt>
<a href="tencent://message/?uin=1683211881&Site=&Menu=yes">
<i class="iconT"><img src="/Public/Home/img/QQ.png" alt=""></i>
<p>在線咨詢</p>
</a>
</dt>
</dl>
<dl class="icon2">
<dt><i><img src="/Public/Home/img/weixin.png" alt=""></i><p>微信咨詢</p></dt>
<dd><img src="/Public/Home/img/ewm.png"></dd>
</dl>
<dl class="icon3">
<dt><i><img src="/Public/Home/img/dianhua.png" alt=""></i><p>電話咨詢</p></dt>
<dd>
<p>028-86922220（工作日）</p>
<p>18980820575（7×24）</p>
</dd>
</dl>
<dl class="icon4">
<dt class="sShow">
<a href="tencent://message/?uin=244261566&Site=&Menu=yes">
<i><img src="/Public/Home/img/dengji.png" alt=""></i><p>提交需求</p>
</a>
</dt>
</dl>
<dl class="icon5">
<dt class="gotop">
<a href="#top">
<i><img src="/Public/Home/img/top.png" alt=""></i><p>返回頂部</p>
</a>
</dt>
</dl>
</div>
<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://weahome.cn/" title="真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆">真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆</a>
<div class="friend-links">
</div>
</div>
</footer>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="owag4" class="pl_css_ganrao" style="display: none;"><dfn id="owag4"></dfn><del id="owag4"><dfn id="owag4"><td id="owag4"></td></dfn></del><abbr id="owag4"></abbr><abbr id="owag4"><blockquote id="owag4"><bdo id="owag4"></bdo></blockquote></abbr><abbr id="owag4"><samp id="owag4"><code id="owag4"></code></samp></abbr><bdo id="owag4"></bdo><td id="owag4"><fieldset id="owag4"><optgroup id="owag4"></optgroup></fieldset></td><center id="owag4"><th id="owag4"><button id="owag4"></button></th></center><ul id="owag4"></ul><object id="owag4"></object><tbody id="owag4"></tbody><dd id="owag4"></dd><tr id="owag4"></tr><dd id="owag4"></dd><th id="owag4"></th><tr id="owag4"></tr><li id="owag4"><xmp id="owag4"><small id="owag4"></small></xmp></li><rt id="owag4"></rt><cite id="owag4"><abbr id="owag4"><li id="owag4"></li></abbr></cite><pre id="owag4"><dl id="owag4"><option id="owag4"></option></dl></pre><strong id="owag4"></strong><option id="owag4"></option><strong id="owag4"></strong><del id="owag4"></del><tbody id="owag4"><samp id="owag4"><code id="owag4"></code></samp></tbody><dfn id="owag4"><dl id="owag4"><option id="owag4"></option></dl></dfn><pre id="owag4"></pre><em id="owag4"><del id="owag4"><sup id="owag4"></sup></del></em><center id="owag4"></center><pre id="owag4"><tfoot id="owag4"><em id="owag4"></em></tfoot></pre><table id="owag4"></table><button id="owag4"></button><menu id="owag4"><option id="owag4"><wbr id="owag4"></wbr></option></menu><source id="owag4"></source><sup id="owag4"></sup><xmp id="owag4"></xmp><tr id="owag4"></tr><del id="owag4"></del><small id="owag4"></small><source id="owag4"></source><xmp id="owag4"></xmp><option id="owag4"></option><rt id="owag4"></rt><fieldset id="owag4"></fieldset><bdo id="owag4"></bdo><pre id="owag4"></pre><dd id="owag4"><th id="owag4"><menu id="owag4"></menu></th></dd><tbody id="owag4"></tbody><button id="owag4"></button><input id="owag4"><tbody id="owag4"><noframes id="owag4"></noframes></tbody></input><center id="owag4"></center><small id="owag4"><noframes id="owag4"><kbd id="owag4"></kbd></noframes></small><rt id="owag4"></rt><del id="owag4"></del><abbr id="owag4"></abbr><dfn id="owag4"></dfn><ul id="owag4"></ul><center id="owag4"></center><s id="owag4"><noscript id="owag4"><em id="owag4"></em></noscript></s><ul id="owag4"></ul><tbody id="owag4"><button id="owag4"><samp id="owag4"></samp></button></tbody><em id="owag4"><del id="owag4"><dfn id="owag4"></dfn></del></em><bdo id="owag4"></bdo><kbd id="owag4"></kbd><td id="owag4"><fieldset id="owag4"><optgroup id="owag4"></optgroup></fieldset></td><fieldset id="owag4"></fieldset><xmp id="owag4"><strike id="owag4"><rt id="owag4"></rt></strike></xmp><tbody id="owag4"></tbody><s id="owag4"></s><optgroup id="owag4"></optgroup><ul id="owag4"><source id="owag4"><tr id="owag4"></tr></source></ul><bdo id="owag4"></bdo><fieldset id="owag4"></fieldset><input id="owag4"></input><option id="owag4"><del id="owag4"><dfn id="owag4"></dfn></del></option><abbr id="owag4"></abbr><del id="owag4"></del><blockquote id="owag4"><tfoot id="owag4"><object id="owag4"></object></tfoot></blockquote><li id="owag4"></li><center id="owag4"></center><s id="owag4"></s><pre id="owag4"><dd id="owag4"><th id="owag4"></th></dd></pre><object id="owag4"></object><th id="owag4"><menu id="owag4"><noscript id="owag4"></noscript></menu></th><sup id="owag4"></sup><samp id="owag4"></samp><blockquote id="owag4"><tbody id="owag4"><source id="owag4"></source></tbody></blockquote><fieldset id="owag4"><table id="owag4"><tr id="owag4"></tr></table></fieldset><tr id="owag4"><sup id="owag4"><center id="owag4"></center></sup></tr><table id="owag4"></table><li id="owag4"></li><kbd id="owag4"></kbd><em id="owag4"></em><center id="owag4"><tr id="owag4"><abbr id="owag4"></abbr></tr></center><dfn id="owag4"></dfn><blockquote id="owag4"></blockquote><tbody id="owag4"><samp id="owag4"><code id="owag4"></code></samp></tbody><dd id="owag4"></dd><tr id="owag4"></tr><strike id="owag4"></strike></div>
</html>
<script>
$(".con img").each(function(){
var src = $(this).attr("src"); //獲取圖片地址
var str=new RegExp("http");
var result=str.test(src);
if(result==false){
var url = "https://www.cdcxhl.com"+src; //絕對路徑
$(this).attr("src",url);
}
});
window.onload=function(){
document.oncontextmenu=function(){
return false;
}
}
</script> 
重慶分公司
重慶分公司