\n    \n      30%<\/strong>\n    <\/div>\n<\/body>\n<\/html><\/pre>

效果如下:<\/p>

\"css實現(xiàn)橫向與豎向進度條效果的方法\"\/<\/p>

二、豎向進度條的實現(xiàn)代碼<\/p>

\n\n豎向進度條<\/title>\n<style type=\"text\/css\">   \n    .loadbar\n    {\n         width:25px;\n         height:200px;\n         background-color:#fff;\n         border:1px solid #ccc;\n         position:relative; \n    }\n    .bar\n    {\n        width:100%;\n        display:block;        \n        font-family:arial;\n        font-size:12px; \n        background-color:#bb9319;\n        color:#fff;       \n        position:absolute;\n        bottom:0;        \n    }\n<\/style>\n<\/head>\n<body>
<h1><a href="http://m.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1> \n    <div class=\"loadbar\">\n      <strong class=\"bar\" style='height:30%;'>30%<\/strong>\n    <\/div>\n<\/body>\n<\/html><\/pre><p>實現(xiàn)結果:<br><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/image\/683\/730\/719\/1589850304129090.png\" title=\"1589850304129090.png\" alt=\"css實現(xiàn)橫向與豎向進度條效果的方法\"><\/p>\n<p>推薦教程:<a href=\"https:\/\/m.miracleart.cn\/css-tutorial.html\" target=\"_blank\">CSS入門基礎教程<\/a><\/p>"}	</script>
	
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<script>var V_PATH="/";window.onerror=function(){ return true; };</script>
</head>

<body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2">
	<link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css">
<header>
    <div   id="377j5v51b"   class="head">
        <div   id="377j5v51b"   class="haed_left">
            <div   id="377j5v51b"   class="haed_logo">
                <a href="http://m.miracleart.cn/zh/" title="" class="haed_logo_a">
                    <img src="/static/imghw/logo.png" alt="" class="haed_logoimg">
                </a>
            </div>
            <div   id="377j5v51b"   class="head_nav">
                <div   id="377j5v51b"   class="head_navs">
                    <a href="javascript:;" title="社區(qū)" class="head_nava head_nava-template1">社區(qū)</a>
                    <div   class="377j5v51b"   id="dropdown-template1" style="display: none;">
                        <div   id="377j5v51b"   class="languagechoose">
                            <a href="http://m.miracleart.cn/zh/article.html" title="文章" class="languagechoosea on">文章</a>
                            <a href="http://m.miracleart.cn/zh/faq/zt" title="合集" class="languagechoosea">合集</a>
                            <a href="http://m.miracleart.cn/zh/wenda.html" title="問答" class="languagechoosea">問答</a>
                        </div>
                    </div>
                </div>

                <div   id="377j5v51b"   class="head_navs">
                    <a href="javascript:;" title="學習" class="head_nava head_nava-template1_1">學習</a>
                    <div   class="377j5v51b"   id="dropdown-template1_1" style="display: none;">
                        <div   id="377j5v51b"   class="languagechoose">
                            <a href="http://m.miracleart.cn/zh/course.html" title="課程" class="languagechoosea on">課程</a>
                            <a href="http://m.miracleart.cn/zh/dic/" title="編程詞典" class="languagechoosea">編程詞典</a>
                        </div>
                    </div>
                </div>

                <div   id="377j5v51b"   class="head_navs">
                    <a href="javascript:;" title="工具庫" class="head_nava head_nava-template1_2">工具庫</a>
                    <div   class="377j5v51b"   id="dropdown-template1_2" style="display: none;">
                        <div   id="377j5v51b"   class="languagechoose">
                            <a href="http://m.miracleart.cn/zh/toolset/development-tools" title="開發(fā)工具" class="languagechoosea on">開發(fā)工具</a>
                            <a href="http://m.miracleart.cn/zh/toolset/website-source-code" title="網(wǎng)站源碼" class="languagechoosea">網(wǎng)站源碼</a>
                            <a href="http://m.miracleart.cn/zh/toolset/php-libraries" title="PHP 庫" class="languagechoosea">PHP 庫</a>
                            <a href="http://m.miracleart.cn/zh/toolset/js-special-effects" title="JS特效" class="languagechoosea on">JS特效</a>
                            <a href="http://m.miracleart.cn/zh/toolset/website-materials" title="網(wǎng)站素材" class="languagechoosea on">網(wǎng)站素材</a>
                            <a href="http://m.miracleart.cn/zh/toolset/extension-plug-ins" title="擴展插件" class="languagechoosea on">擴展插件</a>
                        </div>
                    </div>
                </div>

                <div   id="377j5v51b"   class="head_navs">
                    <a href="http://m.miracleart.cn/zh/ai" title="AI工具" class="head_nava head_nava-template1_3">AI工具</a>
                </div>

                <div   id="377j5v51b"   class="head_navs">
                    <a href="javascript:;" title="休閑" class="head_nava head_nava-template1_3">休閑</a>
                    <div   class="377j5v51b"   id="dropdown-template1_3" style="display: none;">
                        <div   id="377j5v51b"   class="languagechoose">
                            <a href="http://m.miracleart.cn/zh/game" title="游戲下載" class="languagechoosea on">游戲下載</a>
                            <a href="http://m.miracleart.cn/zh/mobile-game-tutorial/" title="游戲教程" class="languagechoosea">游戲教程</a>

                        </div>
                    </div>
                </div>
            </div>
        </div>
                    <div   id="377j5v51b"   class="head_search">
                <input id="key_words"  onkeydown="if (event.keyCode == 13) searchs('zh')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value="">
                <a href="javascript:;" title="搜索"  onclick="searchs('zh')"><img src="/static/imghw/find.png" alt="搜索"></a>
            </div>
                <div   id="377j5v51b"   class="head_right">
            <div   id="377j5v51b"   class="haed_language">
                <a href="javascript:;" class="layui-btn haed_language_btn">簡體中文<i class="layui-icon layui-icon-triangle-d"></i></a>
                <div   class="377j5v51b"   id="dropdown-template" style="display: none;">
                    <div   id="377j5v51b"   class="languagechoose">
                                                <a href="javascript:;" title="簡體中文" class="languagechoosea">簡體中文</a>
                                                <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a>
                                                <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a>
                                                <a href="javascript:setlang('ja');" title="日本語" class="languagechoosea">日本語</a>
                                                <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a>
                                                <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a>
                                                <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a>
                                                <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a>
                                            </div>
                </div>
            </div>
            <span id="377j5v51b"    class="head_right_line"></span>
                            <div style="display: block;" id="login" class="haed_login ">
                    <a href="javascript:;"  title="Login" class="haed_logina ">Login</a>
                </div>
                <div style="display: block;" id="reg" class="head_signup login">
                    <a href="javascript:;"  title="singup" class="head_signupa">singup</a>
                </div>
            
        </div>
    </div>
</header>

	
	<main>
		<div   id="377j5v51b"   class="Article_Details_main">
			<div   id="377j5v51b"   class="Article_Details_main1">
							<div   id="377j5v51b"   class="Article_Details_main1M">
					<div   id="377j5v51b"   class="phpgenera_Details_mainL1">
						<a href="http://m.miracleart.cn/zh/" title="首頁"
							class="phpgenera_Details_mainL1a">首頁</a>
						<img src="/static/imghw/top_right.png" alt="" />
												<a href="http://m.miracleart.cn/zh/web-designer.html"
							class="phpgenera_Details_mainL1a">web前端</a>
						<img src="/static/imghw/top_right.png" alt="" />
												<a href="http://m.miracleart.cn/zh/css-tutorial.html"
							class="phpgenera_Details_mainL1a">css教程</a>
						<img src="/static/imghw/top_right.png" alt="" />
						<span>css實現(xiàn)橫向與豎向進度條效果的方法</span>
					</div>
					
					<div   id="377j5v51b"   class="Articlelist_txts">
						<div   id="377j5v51b"   class="Articlelist_txts_info">
							<h1 class="Articlelist_txts_title">css實現(xiàn)橫向與豎向進度條效果的方法</h1>
							<div   id="377j5v51b"   class="Articlelist_txts_info_head">
								<div   id="377j5v51b"   class="author_info">
									<a href="http://m.miracleart.cn/zh/member/465014.html"  class="author_avatar">
									<img class="lazy"  data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林">
									</a>
									<div   id="377j5v51b"   class="author_detail">
																			<a href="http://m.miracleart.cn/zh/member/465014.html" class="author_name">王林</a>
                                										</div>
								</div>
                			</div>
							<span id="377j5v51b"    class="Articlelist_txts_time">May 19, 2020 am	 09:08 AM</span>
															<div   id="377j5v51b"   class="Articlelist_txts_infos">
																			<span id="377j5v51b"    class="Articlelist_txts_infoss on">css</span>
																			<span id="377j5v51b"    class="Articlelist_txts_infoss ">進度條</span>
																	</div>
														
						</div>
					</div>
					<hr />
					<div   id="377j5v51b"   class="article_main php-article">
						<div   id="377j5v51b"   class="article-list-left detail-content-wrap content">
						<ins class="adsbygoogle"
							style="display:block; text-align:center;"
							data-ad-layout="in-article"
							data-ad-format="fluid"
							data-ad-client="ca-pub-5902227090019525"
							data-ad-slot="3461856641">
						</ins>
						

					<p style="text-align: center;"><img  src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/041/5ec33059dfb74739.jpg" class="lazy" alt="css實現(xiàn)橫向與豎向進度條效果的方法" ></p>
<p>1、橫向進度條的實現(xiàn)代碼</p><pre class='brush:php;toolbar:false;'><html>
<head>
<title>橫向進度條</title>
<style type="text/css">   
    .loadbar
    {
         width:200px;
         height:25px;
         background-color:#fff;
         border:1px solid #ccc;        
    }
    .bar
    {
        line-height:25px;        
        height:100%;
        display:block;        
        font-family:arial;
        font-size:12px;
        background-color:#bb9319;        
        color:#fff;
    }
</style>
</head>
<body> 
    <div class="loadbar">
      <strong class="bar" style=&#39;width:30%;&#39;>30%</strong>
    </div>
</body>
</html></pre><p>效果如下:<br/></p><p><img src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/image/398/289/675/1589850264262525.png"  class="lazy" title="1589850264262525.png" alt="css實現(xiàn)橫向與豎向進度條效果的方法"/></p><p>二、豎向進度條的實現(xiàn)代碼</p><pre class='brush:php;toolbar:false;'><html>
<head>
<title>豎向進度條</title>
<style type="text/css">   
    .loadbar
    {
         width:25px;
         height:200px;
         background-color:#fff;
         border:1px solid #ccc;
         position:relative; 
    }
    .bar
    {
        width:100%;
        display:block;        
        font-family:arial;
        font-size:12px; 
        background-color:#bb9319;
        color:#fff;       
        position:absolute;
        bottom:0;        
    }
</style>
</head>
<body> 
    <div class="loadbar">
      <strong class="bar" style=&#39;height:30%;&#39;>30%</strong>
    </div>
</body>
</html></pre><p>實現(xiàn)結果:<br></p>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/image/683/730/719/1589850304129090.png" class="lazy" title="1589850304129090.png" alt="css實現(xiàn)橫向與豎向進度條效果的方法"></p>
<p>推薦教程:<a href="http://m.miracleart.cn/css-tutorial.html" target="_blank">CSS入門基礎教程</a></p><p>以上是css實現(xiàn)橫向與豎向進度條效果的方法的詳細內(nèi)容。更多信息請關注PHP中文網(wǎng)其他相關文章!</p>


						</div>
					</div>
					<div   id="377j5v51b"   class="wzconShengming_sp">
						<div   id="377j5v51b"   class="bzsmdiv_sp">本站聲明</div>
						<div>本文內(nèi)容由網(wǎng)友自發(fā)貢獻,版權歸原作者所有,本站不承擔相應法律責任。如您發(fā)現(xiàn)有涉嫌抄襲侵權的內(nèi)容,請聯(lián)系admin@php.cn</div>
					</div>
				</div>

				<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-5902227090019525"
     data-ad-slot="2507867629"></ins>



				<div   id="377j5v51b"   class="AI_ToolDetails_main4sR">


				<ins class="adsbygoogle"
        style="display:block"
        data-ad-client="ca-pub-5902227090019525"
        data-ad-slot="3653428331"
        data-ad-format="auto"
        data-full-width-responsive="true"></ins>
    


					<!-- <div   id="377j5v51b"   class="phpgenera_Details_mainR4">
						<div   id="377j5v51b"   class="phpmain1_4R_readrank">
							<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									src="/static/imghw/hotarticle2.png" alt="" />
								<h2>熱門文章</h2>
							</div>
							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://m.miracleart.cn/zh/faq/1796832397.html" title="Grass Wonder Build Guide |烏瑪媽媽漂亮的德比" class="phpgenera_Details_mainR4_bottom_title">Grass Wonder Build Guide |烏瑪媽媽漂亮的德比</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>1 個月前</span>
										<span>By Jack chen</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://m.miracleart.cn/zh/faq/1796833110.html" title="<??>:在森林里99夜 - 所有徽章以及如何解鎖" class="phpgenera_Details_mainR4_bottom_title"><??>:在森林里99夜 - 所有徽章以及如何解鎖</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>4 周前</span>
										<span>By DDD</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://m.miracleart.cn/zh/faq/1796831605.html" title="烏瑪?shù)姆劢z漂亮的德比橫幅日程(2025年7月)" class="phpgenera_Details_mainR4_bottom_title">烏瑪?shù)姆劢z漂亮的德比橫幅日程(2025年7月)</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>1 個月前</span>
										<span>By Jack chen</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://m.miracleart.cn/zh/faq/1796836699.html" title="Rimworld Odyssey溫度指南和Gravtech" class="phpgenera_Details_mainR4_bottom_title">Rimworld Odyssey溫度指南和Gravtech</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>3 周前</span>
										<span>By Jack chen</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://m.miracleart.cn/zh/faq/1796831905.html" title="Windows安全是空白或不顯示選項" class="phpgenera_Details_mainR4_bottom_title">Windows安全是空白或不顯示選項</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>1 個月前</span>
										<span>By 下次還敢</span>
									</div>
								</div>
														</div>
							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
								<a href="http://m.miracleart.cn/zh/article.html">顯示更多</a>
							</div>
						</div>
					</div> -->


											<div   id="377j5v51b"   class="phpgenera_Details_mainR3">
							<div   id="377j5v51b"   class="phpmain1_4R_readrank">
								<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/hottools2.png" alt="" />
									<h2>熱AI工具</h2>
								</div>
								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_bottom">
																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://m.miracleart.cn/zh/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://m.miracleart.cn/zh/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title">
													<h3>Undress AI Tool</h3>
												</a>
												<p>免費脫衣服圖片</p>
											</div>
										</div>
																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://m.miracleart.cn/zh/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://m.miracleart.cn/zh/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title">
													<h3>Undresser.AI Undress</h3>
												</a>
												<p>人工智能驅(qū)動的應用程序,用于創(chuàng)建逼真的裸體照片</p>
											</div>
										</div>
																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://m.miracleart.cn/zh/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://m.miracleart.cn/zh/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title">
													<h3>AI Clothes Remover</h3>
												</a>
												<p>用于從照片中去除衣服的在線人工智能工具。</p>
											</div>
										</div>
																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://m.miracleart.cn/zh/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://m.miracleart.cn/zh/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title">
													<h3>Clothoff.io</h3>
												</a>
												<p>AI脫衣機</p>
											</div>
										</div>
																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://m.miracleart.cn/zh/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://m.miracleart.cn/zh/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title">
													<h3>Video Face Swap</h3>
												</a>
												<p>使用我們完全免費的人工智能換臉工具輕松在任何視頻中換臉!</p>
											</div>
										</div>
																</div>
								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
									<a href="http://m.miracleart.cn/zh/ai">顯示更多</a>
								</div>
							</div>
						</div>
					


					<div   id="377j5v51b"   class="phpgenera_Details_mainR4">
						<div   id="377j5v51b"   class="phpmain1_4R_readrank">
							<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									src="/static/imghw/hotarticle2.png" alt="" />
								<h2>熱門文章</h2>
							</div>
							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://m.miracleart.cn/zh/faq/1796832397.html" title="Grass Wonder Build Guide |烏瑪媽媽漂亮的德比" class="phpgenera_Details_mainR4_bottom_title">Grass Wonder Build Guide |烏瑪媽媽漂亮的德比</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>1 個月前</span>
										<span>By Jack chen</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://m.miracleart.cn/zh/faq/1796833110.html" title="<??>:在森林里99夜 - 所有徽章以及如何解鎖" class="phpgenera_Details_mainR4_bottom_title"><??>:在森林里99夜 - 所有徽章以及如何解鎖</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>4 周前</span>
										<span>By DDD</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://m.miracleart.cn/zh/faq/1796831605.html" title="烏瑪?shù)姆劢z漂亮的德比橫幅日程(2025年7月)" class="phpgenera_Details_mainR4_bottom_title">烏瑪?shù)姆劢z漂亮的德比橫幅日程(2025年7月)</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>1 個月前</span>
										<span>By Jack chen</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://m.miracleart.cn/zh/faq/1796836699.html" title="Rimworld Odyssey溫度指南和Gravtech" class="phpgenera_Details_mainR4_bottom_title">Rimworld Odyssey溫度指南和Gravtech</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>3 周前</span>
										<span>By Jack chen</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://m.miracleart.cn/zh/faq/1796831905.html" title="Windows安全是空白或不顯示選項" class="phpgenera_Details_mainR4_bottom_title">Windows安全是空白或不顯示選項</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>1 個月前</span>
										<span>By 下次還敢</span>
									</div>
								</div>
														</div>
							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
								<a href="http://m.miracleart.cn/zh/article.html">顯示更多</a>
							</div>
						</div>
					</div>


											<div   id="377j5v51b"   class="phpgenera_Details_mainR3">
							<div   id="377j5v51b"   class="phpmain1_4R_readrank">
								<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/hottools2.png" alt="" />
									<h2>熱工具</h2>
								</div>
								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_bottom">
																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://m.miracleart.cn/zh/toolset/development-tools/92" title="記事本++7.3.1" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="記事本++7.3.1" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://m.miracleart.cn/zh/toolset/development-tools/92" title="記事本++7.3.1" class="phpmain_tab2_mids_title">
													<h3>記事本++7.3.1</h3>
												</a>
												<p>好用且免費的代碼編輯器</p>
											</div>
										</div>
																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://m.miracleart.cn/zh/toolset/development-tools/93" title="SublimeText3漢化版" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3漢化版" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://m.miracleart.cn/zh/toolset/development-tools/93" title="SublimeText3漢化版" class="phpmain_tab2_mids_title">
													<h3>SublimeText3漢化版</h3>
												</a>
												<p>中文版,非常好用</p>
											</div>
										</div>
																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://m.miracleart.cn/zh/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="禪工作室 13.0.1" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://m.miracleart.cn/zh/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_title">
													<h3>禪工作室 13.0.1</h3>
												</a>
												<p>功能強大的PHP集成開發(fā)環(huán)境</p>
											</div>
										</div>
																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://m.miracleart.cn/zh/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://m.miracleart.cn/zh/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title">
													<h3>Dreamweaver CS6</h3>
												</a>
												<p>視覺化網(wǎng)頁開發(fā)工具</p>
											</div>
										</div>
																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://m.miracleart.cn/zh/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac版" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://m.miracleart.cn/zh/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_title">
													<h3>SublimeText3 Mac版</h3>
												</a>
												<p>神級代碼編輯軟件(SublimeText3)</p>
											</div>
										</div>
																	</div>
								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
									<a href="http://m.miracleart.cn/zh/ai">顯示更多</a>
								</div>
							</div>
						</div>
										

					
					<div   id="377j5v51b"   class="phpgenera_Details_mainR4">
						<div   id="377j5v51b"   class="phpmain1_4R_readrank">
							<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									src="/static/imghw/hotarticle2.png" alt="" />
								<h2>熱門話題</h2>
							</div>
							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://m.miracleart.cn/zh/faq/laravel-tutori" title="Laravel 教程" class="phpgenera_Details_mainR4_bottom_title">Laravel 教程</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>1601</span>
										</div>
										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>29</span>
										</div>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://m.miracleart.cn/zh/faq/php-tutorial" title="PHP教程" class="phpgenera_Details_mainR4_bottom_title">PHP教程</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>1502</span>
										</div>
										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>276</span>
										</div>
									</div>
								</div>
														</div>
							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
								<a href="http://m.miracleart.cn/zh/faq/zt">顯示更多</a>
							</div>
						</div>
					</div>
				</div>
			</div>
							<div   id="377j5v51b"   class="Article_Details_main2">
					<div   id="377j5v51b"   class="phpgenera_Details_mainL4">
						<div   id="377j5v51b"   class="phpmain1_2_top">
							<a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img
									src="/static/imghw/index2_title2.png" alt="" /></a>
						</div>
						<div   id="377j5v51b"   class="phpgenera_Details_mainL4_info">

													<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://m.miracleart.cn/zh/faq/1796848693.html" title="如何更改CSS中的文本顏色?" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175356154230616.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="如何更改CSS中的文本顏色?" />
								</a>
								<a href="http://m.miracleart.cn/zh/faq/1796848693.html" title="如何更改CSS中的文本顏色?" class="phphistorical_Version2_mids_title">如何更改CSS中的文本顏色?</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 27, 2025 am	 04:25 AM</span>
								<p class="Articlelist_txts_p">要改變CSS中文本顏色,需使用color屬性;1.使用color屬性可設置文本前景色,支持顏色名稱(如red)、十六進制碼(如#ff0000)、RGB值(如rgb(255,0,0))、HSL值(如hsl(0,100%,50%))以及帶透明度的RGBA或HSLA(如rgba(255,0,0,0.5));2.可將顏色應用于包含文本的任何元素,如h1至h6標題、段落p、鏈接a(需注意a:link、a:visited、a:hover、a:active不同狀態(tài)的顏色設置)、按鈕、div、span等;3.最</p>
							</div>
														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://m.miracleart.cn/zh/faq/1796848423.html" title="如何清除未使用的CSS?" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175355565011578.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="如何清除未使用的CSS?" />
								</a>
								<a href="http://m.miracleart.cn/zh/faq/1796848423.html" title="如何清除未使用的CSS?" class="phphistorical_Version2_mids_title">如何清除未使用的CSS?</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 27, 2025 am	 02:47 AM</span>
								<p class="Articlelist_txts_p">UseAutomatedToolSlikePurgecsSoruncsStoscanAndRemoveUnusedcss; 2. integratePuratePurgingIntoyourBuildProcessviawebpack,vite,vite,ortailwind ’scontentConfiguration; 3.AuditcsSusageWithChroMedEvtoolScoverAgeTabBeforgeForgingToavoidRemovingNeedEdedStyles; 4.safelistdynamic</p>
							</div>
														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://m.miracleart.cn/zh/faq/1796848690.html" title="描述不同的CSS單元以及何時使用它們" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175356147133225.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="描述不同的CSS單元以及何時使用它們" />
								</a>
								<a href="http://m.miracleart.cn/zh/faq/1796848690.html" title="描述不同的CSS單元以及何時使用它們" class="phphistorical_Version2_mids_title">描述不同的CSS單元以及何時使用它們</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 27, 2025 am	 04:24 AM</span>
								<p class="Articlelist_txts_p">在網(wǎng)頁開發(fā)中,CSS單位的選擇取決于設計需求和響應式表現(xiàn)。1.像素(px)用于固定尺寸如邊框和圖標,但不利于響應式設計;2.百分比(%)根據(jù)父容器調(diào)整大小,適合流式布局但需注意上下文依賴;3.em基于當前字體大小,rem基于根元素字體,適合彈性字體和統(tǒng)一主題控制;4.視口單位(vw/vh/vmin/vmax)依據(jù)屏幕尺寸調(diào)整,適合全屏元素和動態(tài)UI;5.auto、inherit、initial等值用于自動計算、繼承或重置樣式,有助于靈活布局與樣式管理。合理使用這些單位能提升頁面靈活性與響應性。</p>
							</div>
														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://m.miracleart.cn/zh/faq/1796848607.html" title="什么是堆疊上下文?" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175355972029011.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="什么是堆疊上下文?" />
								</a>
								<a href="http://m.miracleart.cn/zh/faq/1796848607.html" title="什么是堆疊上下文?" class="phphistorical_Version2_mids_title">什么是堆疊上下文?</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 27, 2025 am	 03:55 AM</span>
								<p class="Articlelist_txts_p">astackingcontextisaself-containeerrincssthatconthatconthatconthatconthatconthatconthatconthatconthatconthatconthatconthatconthatconthatconthatconthatconteroverlapplapsplatements,wherenestedContextSrextSrextSratcrets-IndexInteractions; itiscreatedByDybyPropertiesLikeLikeZ-IndexonPositionsedElements,Epacity,opacity</p>
							</div>
														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://m.miracleart.cn/zh/faq/1796855212.html" title="如何使用CSS Backdrop-Filter屬性?" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175410786011157.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="如何使用CSS Backdrop-Filter屬性?" />
								</a>
								<a href="http://m.miracleart.cn/zh/faq/1796855212.html" title="如何使用CSS Backdrop-Filter屬性?" class="phphistorical_Version2_mids_title">如何使用CSS Backdrop-Filter屬性?</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Aug 02, 2025 pm	 12:11 PM</span>
								<p class="Articlelist_txts_p">backdrop-filter用于對元素背后的內(nèi)容應用視覺效果,1.使用backdrop-filter:blur(10px)等語法實現(xiàn)毛玻璃效果;2.支持blur、brightness、contrast等多種濾鏡函數(shù)并可疊加;3.常用于玻璃態(tài)卡片設計,需確保元素與背景重疊;4.現(xiàn)代瀏覽器支持良好,可用@supports提供降級方案;5.避免過大模糊值和頻繁重繪以優(yōu)化性能,該屬性僅在元素背后有內(nèi)容時生效。</p>
							</div>
														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://m.miracleart.cn/zh/faq/1796850497.html" title="如何在CSS中樣式鏈接?" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175373430151560.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="如何在CSS中樣式鏈接?" />
								</a>
								<a href="http://m.miracleart.cn/zh/faq/1796850497.html" title="如何在CSS中樣式鏈接?" class="phphistorical_Version2_mids_title">如何在CSS中樣式鏈接?</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 29, 2025 am	 04:25 AM</span>
								<p class="Articlelist_txts_p">鏈接的樣式應通過偽類區(qū)分不同狀態(tài),1.使用a:link設置未訪問鏈接樣式,2.a:visited設置已訪問鏈接,3.a:hover設置懸停效果,4.a:active設置點擊時樣式,5.a:focus確保鍵盤可訪問性,始終遵循LVHA順序以避免樣式?jīng)_突,可通過添加padding、cursor:pointer和保留或自定義焦點輪廓來提升可用性和可訪問性,還可使用border-bottom或動畫下劃線等自定義視覺效果,最終確保鏈接在所有狀態(tài)下均有良好用戶體驗和可訪問性。</p>
							</div>
														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://m.miracleart.cn/zh/faq/1796848493.html" title="如何將文本集中在CSS中?" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175355736187664.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="如何將文本集中在CSS中?" />
								</a>
								<a href="http://m.miracleart.cn/zh/faq/1796848493.html" title="如何將文本集中在CSS中?" class="phphistorical_Version2_mids_title">如何將文本集中在CSS中?</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 27, 2025 am	 03:16 AM</span>
								<p class="Articlelist_txts_p">使用text-align:center實現(xiàn)文本水平居中;2.使用Flexbox的align-items:center和justify-content:center實現(xiàn)垂直和水平居中;3.單行文本可通過設置line-height等于容器高度來垂直居中;4.絕對定位元素可結合top:50%、left:50%與transform:translate(-50%,-50%)實現(xiàn)居中;5.CSSGrid的place-items:center也可同時實現(xiàn)雙軸居中,現(xiàn)代布局推薦優(yōu)先使用Flexbox或Grid。</p>
							</div>
														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://m.miracleart.cn/zh/faq/1796852960.html" title="什么是用戶代理樣式表?" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175392930127475.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="什么是用戶代理樣式表?" />
								</a>
								<a href="http://m.miracleart.cn/zh/faq/1796852960.html" title="什么是用戶代理樣式表?" class="phphistorical_Version2_mids_title">什么是用戶代理樣式表?</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 31, 2025 am	 10:35 AM</span>
								<p class="Articlelist_txts_p">用戶代理樣式表是瀏覽器自動應用的默認CSS樣式,用于確保未添加自定義樣式的HTML元素仍具基本可讀性。它們影響頁面初始外觀,但不同瀏覽器存在差異,可能導致不一致顯示。開發(fā)者常通過重置或標準化樣式來解決這一問題。使用開發(fā)者工具的“計算”或“樣式”面板可查看默認樣式。常見覆蓋操作包括清除內(nèi)外邊距、修改鏈接下劃線、調(diào)整標題大小及統(tǒng)一按鈕樣式。理解用戶代理樣式有助于提升跨瀏覽器一致性并實現(xiàn)精準布局控制。</p>
							</div>
													</div>

													<a href="http://m.miracleart.cn/zh/web-designer.html" class="phpgenera_Details_mainL4_botton">
								<span>See all articles</span>
								<img src="/static/imghw/down_right.png" alt="" />
							</a>
											</div>
				</div>
					</div>
	</main>
	<footer>
    <div   id="377j5v51b"   class="footer">
        <div   id="377j5v51b"   class="footertop">
            <img src="/static/imghw/logo.png" alt="">
            <p>公益在線PHP培訓,幫助PHP學習者快速成長!</p>
        </div>
        <div   id="377j5v51b"   class="footermid">
            <a href="http://m.miracleart.cn/zh/about/us.html">關于我們</a>
            <a href="http://m.miracleart.cn/zh/about/disclaimer.html">免責聲明</a>
            <a href="http://m.miracleart.cn/zh/update/article_0_1.html">Sitemap</a>
        </div>
        <div   id="377j5v51b"   class="footerbottom">
            <p>
                ? php.cn All rights reserved
            </p>
        </div>
    </div>
</footer>

<input type="hidden" id="verifycode" value="/captcha.html">




		<link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' />
	
	
	
	
	

	
	






<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站,您可能还对以下资源感兴趣:</p>
<a href="http://m.miracleart.cn/" title="国产av日韩一区二区三区精品">国产av日韩一区二区三区精品</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="vkq4n" class="pl_css_ganrao" style="display: none;"><tbody id="vkq4n"></tbody><em id="vkq4n"><s id="vkq4n"><b id="vkq4n"></b></s></em><optgroup id="vkq4n"></optgroup><blockquote id="vkq4n"></blockquote><th id="vkq4n"></th><abbr id="vkq4n"><div id="vkq4n"></div></abbr><code id="vkq4n"></code><abbr id="vkq4n"></abbr><abbr id="vkq4n"></abbr><legend id="vkq4n"><ul id="vkq4n"><code id="vkq4n"><strong id="vkq4n"></strong></code></ul></legend><dl id="vkq4n"></dl><button id="vkq4n"><dl id="vkq4n"></dl></button><pre id="vkq4n"><samp id="vkq4n"><strong id="vkq4n"><output id="vkq4n"></output></strong></samp></pre><form id="vkq4n"></form><var id="vkq4n"><center id="vkq4n"><optgroup id="vkq4n"><tt id="vkq4n"></tt></optgroup></center></var><button id="vkq4n"></button><strong id="vkq4n"></strong><optgroup id="vkq4n"><td id="vkq4n"><pre id="vkq4n"></pre></td></optgroup><option id="vkq4n"></option><wbr id="vkq4n"><ul id="vkq4n"></ul></wbr><strong id="vkq4n"><dfn id="vkq4n"><listing id="vkq4n"></listing></dfn></strong><label id="vkq4n"></label><dfn id="vkq4n"></dfn><style id="vkq4n"></style><tbody id="vkq4n"><meter id="vkq4n"></meter></tbody><track id="vkq4n"><ol id="vkq4n"><pre id="vkq4n"><rt id="vkq4n"></rt></pre></ol></track><code id="vkq4n"><tr id="vkq4n"><nobr id="vkq4n"><tr id="vkq4n"></tr></nobr></tr></code><legend id="vkq4n"></legend><dd id="vkq4n"></dd><legend id="vkq4n"></legend><pre id="vkq4n"></pre><option id="vkq4n"></option><sub id="vkq4n"></sub><dd id="vkq4n"></dd><nobr id="vkq4n"></nobr><cite id="vkq4n"><sup id="vkq4n"><input id="vkq4n"></input></sup></cite><strong id="vkq4n"><address id="vkq4n"><table id="vkq4n"><xmp id="vkq4n"></xmp></table></address></strong><ruby id="vkq4n"></ruby><optgroup id="vkq4n"></optgroup><code id="vkq4n"><tr id="vkq4n"><dfn id="vkq4n"></dfn></tr></code><option id="vkq4n"><acronym id="vkq4n"><tt id="vkq4n"></tt></acronym></option><tbody id="vkq4n"><meter id="vkq4n"><th id="vkq4n"></th></meter></tbody><small id="vkq4n"></small><tbody id="vkq4n"><listing id="vkq4n"><dfn id="vkq4n"><optgroup id="vkq4n"></optgroup></dfn></listing></tbody><span id="vkq4n"><small id="vkq4n"><rt id="vkq4n"></rt></small></span><dd id="vkq4n"><strong id="vkq4n"></strong></dd><strong id="vkq4n"><thead id="vkq4n"><abbr id="vkq4n"><tfoot id="vkq4n"></tfoot></abbr></thead></strong><kbd id="vkq4n"></kbd><sup id="vkq4n"></sup><small id="vkq4n"></small><tbody id="vkq4n"><strike id="vkq4n"><em id="vkq4n"></em></strike></tbody><input id="vkq4n"></input><ul id="vkq4n"><legend id="vkq4n"><ul id="vkq4n"><dl id="vkq4n"></dl></ul></legend></ul><abbr id="vkq4n"><fieldset id="vkq4n"><nobr id="vkq4n"></nobr></fieldset></abbr><source id="vkq4n"><dfn id="vkq4n"><td id="vkq4n"><kbd id="vkq4n"></kbd></td></dfn></source><small id="vkq4n"></small><pre id="vkq4n"></pre><samp id="vkq4n"><pre id="vkq4n"><samp id="vkq4n"><strong id="vkq4n"></strong></samp></pre></samp><u id="vkq4n"></u><dd id="vkq4n"><strong id="vkq4n"></strong></dd><fieldset id="vkq4n"></fieldset><thead id="vkq4n"></thead><sup id="vkq4n"></sup><strike id="vkq4n"><button id="vkq4n"><input id="vkq4n"><button id="vkq4n"></button></input></button></strike><dfn id="vkq4n"></dfn><tfoot id="vkq4n"></tfoot><ol id="vkq4n"></ol><video id="vkq4n"><strike id="vkq4n"><listing id="vkq4n"></listing></strike></video><delect id="vkq4n"><style id="vkq4n"><progress id="vkq4n"></progress></style></delect><tr id="vkq4n"><nobr id="vkq4n"><tr id="vkq4n"><nav id="vkq4n"></nav></tr></nobr></tr><pre id="vkq4n"><ol id="vkq4n"><font id="vkq4n"></font></ol></pre><sub id="vkq4n"></sub><s id="vkq4n"></s><th id="vkq4n"></th><track id="vkq4n"></track><center id="vkq4n"></center><em id="vkq4n"></em><tbody id="vkq4n"></tbody><tbody id="vkq4n"></tbody><em id="vkq4n"><pre id="vkq4n"><abbr id="vkq4n"></abbr></pre></em><li id="vkq4n"><legend id="vkq4n"><ruby id="vkq4n"><dl id="vkq4n"></dl></ruby></legend></li><legend id="vkq4n"></legend><dd id="vkq4n"></dd><table id="vkq4n"><wbr id="vkq4n"><li id="vkq4n"></li></wbr></table><pre id="vkq4n"></pre><s id="vkq4n"></s><form id="vkq4n"><optgroup id="vkq4n"><blockquote id="vkq4n"></blockquote></optgroup></form><li id="vkq4n"></li><button id="vkq4n"></button><fieldset id="vkq4n"></fieldset><xmp id="vkq4n"><ul id="vkq4n"><dl id="vkq4n"></dl></ul></xmp><strike id="vkq4n"></strike><tbody id="vkq4n"><optgroup id="vkq4n"><sub id="vkq4n"></sub></optgroup></tbody><legend id="vkq4n"></legend><blockquote id="vkq4n"><code id="vkq4n"></code></blockquote><code id="vkq4n"><tr id="vkq4n"><nav id="vkq4n"></nav></tr></code><sup id="vkq4n"><strong id="vkq4n"><sup id="vkq4n"></sup></strong></sup><dfn id="vkq4n"></dfn><delect id="vkq4n"><small id="vkq4n"><menuitem id="vkq4n"></menuitem></small></delect><small id="vkq4n"></small><blockquote id="vkq4n"><code id="vkq4n"><tr id="vkq4n"></tr></code></blockquote><abbr id="vkq4n"></abbr><tfoot id="vkq4n"></tfoot><address id="vkq4n"><u id="vkq4n"><center id="vkq4n"></center></u></address><source id="vkq4n"></source><input id="vkq4n"></input><menu id="vkq4n"></menu><em id="vkq4n"><input id="vkq4n"><del id="vkq4n"></del></input></em><strong id="vkq4n"></strong><style id="vkq4n"></style><kbd id="vkq4n"></kbd><xmp id="vkq4n"><label id="vkq4n"><xmp id="vkq4n"></xmp></label></xmp><tbody id="vkq4n"><dfn id="vkq4n"><listing id="vkq4n"></listing></dfn></tbody><table id="vkq4n"><xmp id="vkq4n"><li id="vkq4n"></li></xmp></table><dfn id="vkq4n"></dfn><li id="vkq4n"><legend id="vkq4n"><li id="vkq4n"><tbody id="vkq4n"></tbody></li></legend></li><abbr id="vkq4n"></abbr><input id="vkq4n"><del id="vkq4n"><i id="vkq4n"></i></del></input><kbd id="vkq4n"></kbd><table id="vkq4n"><address id="vkq4n"></address></table><delect id="vkq4n"><cite id="vkq4n"></cite></delect><strike id="vkq4n"><tr id="vkq4n"><cite id="vkq4n"><button id="vkq4n"></button></cite></tr></strike><menuitem id="vkq4n"></menuitem><tfoot id="vkq4n"></tfoot><delect id="vkq4n"><small id="vkq4n"></small></delect><sup id="vkq4n"></sup><del id="vkq4n"></del><tr id="vkq4n"></tr><pre id="vkq4n"></pre><menu id="vkq4n"></menu><s id="vkq4n"><samp id="vkq4n"><thead id="vkq4n"></thead></samp></s><small id="vkq4n"></small><kbd id="vkq4n"><strong id="vkq4n"><kbd id="vkq4n"></kbd></strong></kbd><video id="vkq4n"></video><ruby id="vkq4n"></ruby><address id="vkq4n"></address><wbr id="vkq4n"></wbr><sup id="vkq4n"></sup><acronym id="vkq4n"></acronym><dfn id="vkq4n"><i id="vkq4n"><abbr id="vkq4n"></abbr></i></dfn><address id="vkq4n"></address><th id="vkq4n"></th><mark id="vkq4n"><strong id="vkq4n"><dfn id="vkq4n"><optgroup id="vkq4n"></optgroup></dfn></strong></mark><sup id="vkq4n"><table id="vkq4n"><em id="vkq4n"></em></table></sup><tfoot id="vkq4n"></tfoot><rt id="vkq4n"><delect id="vkq4n"><strike id="vkq4n"></strike></delect></rt><option id="vkq4n"><wbr id="vkq4n"><u id="vkq4n"><wbr id="vkq4n"></wbr></u></wbr></option><noframes id="vkq4n"><center id="vkq4n"><tr id="vkq4n"></tr></center></noframes></div>

</html>