<\/code> elemen dengan nama mereka p<\/p>
p{}<\/pre>pNyatakan peraturan gaya <\/strong><\/p>p {font-size:200%;} 將字體放大1倍<\/pre>Penguatan fon contoh kod<\/strong><\/p>\n\n\n \n文字邊框<\/title>\n<style>\n\tp{font-size: 200%;}\np.one \n{\n\tborder-style:dashed;\n\tborder-width:5px;\n}\np.two \n{\n\tborder-style:solid;\n\tborder-width:medium;\n}\np.three\n{\n\tborder-style:solid;\n\tborder-width:1px;\n}\np.four\n\t{border-style:dashed;\n\tborder-width:2px;\n\tborder-color:red\n<\/style>\n<\/head>\n\n<body>
<h1><a href="http://m.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>\n<p class=\"one\">php中文網(wǎng)<\/p>\n<p class=\"two\">php中文網(wǎng)<\/p>\n<p class=\"three\">php中文網(wǎng)<\/p>\n<p class=\"four\">php中文網(wǎng)<\/p>\n<\/body>\n\n<\/html><\/pre><p><strong>Penyampaian kod amplifikasi fon<\/strong><\/p><p><img src=\"https:\/\/img.php.cn\/upload\/image\/959\/246\/516\/1628152068872557.jpg\" title=\"1628152068872557.jpg\" alt=\"Cara menambah sempadan atau kesan amplifikasi fon pada teks dalam css (penjelasan kod terperinci)\"\/><\/p><p>Jika anda mahukan semua perenggan Dengan latar belakang kelabu, gunakan pemilih elemen <code><p><\/code> untuk mentakrifkan <\/p><pre class='brush:php;toolbar:false;'>p{background:lightgray;} 選中所有的<p>設(shè)置背景色：亮灰色。<\/pre><p><strong>Contoh kod<\/strong><\/p><pre class='brush:php;toolbar:false;'><!DOCTYPE html>\n<html>\n<head>\n<meta charset=\"utf-8\"> \n<title>文字邊框<\/title>\n<style>\n\tp{background:lightgray; font-size: 200%;}\np.one \n{\n\tborder-style:dashed;\n\tborder-width:5px;\n}\np.two \n{\n\tborder-style:solid;\n\tborder-width:medium;\n}\np.three\n{\n\tborder-style:solid;\n\tborder-width:1px;\n}\np.four\n\t{border-style:dashed;\n\tborder-width:2px;\n\tborder-color:red\n<\/style>\n<\/head>\n\n<body>\n<p class=\"one\">php中文網(wǎng)<\/p>\n<p class=\"two\">php中文網(wǎng)<\/p>\n<p class=\"three\">php中文網(wǎng)<\/p>\n<p class=\"four\">php中文網(wǎng)<\/p>\n<\/body>\n\n<\/html><\/pre><p><strong>Penyampaian kod<\/strong><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/image\/277\/507\/260\/1628152147168766.jpg\" title=\"1628152147168766.jpg\" alt=\"Cara menambah sempadan atau kesan amplifikasi fon pada teks dalam css (penjelasan kod terperinci)\"><\/p>\n<p>Pembelajaran yang disyorkan: <a href=\"http:\/\/m.miracleart.cn\/course\/list\/12.html\" target=\"_blank\">Tutorial video 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/ms/" 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="masyarakat" class="head_nava head_nava-template1">masyarakat</a>
<div class="377j5v51b" id="dropdown-template1" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://m.miracleart.cn/ms/article.html" title="Artikel" class="languagechoosea on">Artikel</a>
<a href="http://m.miracleart.cn/ms/faq/zt" title="Topik" class="languagechoosea">Topik</a>
<a href="http://m.miracleart.cn/ms/wenda.html" title="Soal Jawab" class="languagechoosea">Soal Jawab</a>
</div>
</div>
</div>
<div id="377j5v51b" class="head_navs">
<a href="javascript:;" title="Belajar" class="head_nava head_nava-template1_1">Belajar</a>
<div class="377j5v51b" id="dropdown-template1_1" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://m.miracleart.cn/ms/course.html" title="Kursus" class="languagechoosea on">Kursus</a>
<a href="http://m.miracleart.cn/ms/dic/" title="Kamus Pengaturcaraan" class="languagechoosea">Kamus Pengaturcaraan</a>
</div>
</div>
</div>
<div id="377j5v51b" class="head_navs">
<a href="javascript:;" title="Perpustakaan Alatan" class="head_nava head_nava-template1_2">Perpustakaan Alatan</a>
<div class="377j5v51b" id="dropdown-template1_2" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://m.miracleart.cn/ms/toolset/development-tools" title="Alat pembangunan" class="languagechoosea on">Alat pembangunan</a>
<a href="http://m.miracleart.cn/ms/toolset/website-source-code" title="Kod sumber laman web" class="languagechoosea">Kod sumber laman web</a>
<a href="http://m.miracleart.cn/ms/toolset/php-libraries" title="Perpustakaan PHP" class="languagechoosea">Perpustakaan PHP</a>
<a href="http://m.miracleart.cn/ms/toolset/js-special-effects" title="Kesan khas JS" class="languagechoosea on">Kesan khas JS</a>
<a href="http://m.miracleart.cn/ms/toolset/website-materials" title="Bahan laman web" class="languagechoosea on">Bahan laman web</a>
<a href="http://m.miracleart.cn/ms/toolset/extension-plug-ins" title="Pemalam sambungan" class="languagechoosea on">Pemalam sambungan</a>
</div>
</div>
</div>
<div id="377j5v51b" class="head_navs">
<a href="http://m.miracleart.cn/ms/ai" title="Alat AI" class="head_nava head_nava-template1_3">Alat AI</a>
</div>
<div id="377j5v51b" class="head_navs">
<a href="javascript:;" title="Masa lapang" class="head_nava head_nava-template1_3">Masa lapang</a>
<div class="377j5v51b" id="dropdown-template1_3" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://m.miracleart.cn/ms/game" title="Muat Turun Permainan" class="languagechoosea on">Muat Turun Permainan</a>
<a href="http://m.miracleart.cn/ms/mobile-game-tutorial/" title="Tutorial Permainan" class="languagechoosea">Tutorial Permainan</a>
</div>
</div>
</div>
</div>
</div>
<div id="377j5v51b" class="head_search">
<input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ms')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value="">
<a href="javascript:;" title="cari" onclick="searchs('ms')"><img src="/static/imghw/find.png" alt="cari"></a>
</div>
<div id="377j5v51b" class="head_right">
<div id="377j5v51b" class="haed_language">
<a href="javascript:;" class="layui-btn haed_language_btn">Melayu<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:setlang('zh-cn');" 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:;" 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_main1L">
<div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain">
<div id="377j5v51b" class="Article_Details_main1L1">Jadual Kandungan</div>
<div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2">
<!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"-->
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#Cara-menambah-sempadan-atau-membesarkan-fon-pada-teks-menggunakan-css" title="Cara menambah sempadan atau membesarkan fon pada teks menggunakan css " >Cara menambah sempadan atau membesarkan fon pada teks menggunakan css </a>
</div>
</div>
</div>
</div>
<div id="377j5v51b" class="Article_Details_main1M">
<div id="377j5v51b" class="phpgenera_Details_mainL1">
<a href="http://m.miracleart.cn/ms/" title="Rumah"
class="phpgenera_Details_mainL1a">Rumah</a>
<img src="/static/imghw/top_right.png" alt="" />
<a href="http://m.miracleart.cn/ms/web-designer.html"
class="phpgenera_Details_mainL1a">hujung hadapan web</a>
<img src="/static/imghw/top_right.png" alt="" />
<a href="http://m.miracleart.cn/ms/css-tutorial.html"
class="phpgenera_Details_mainL1a">tutorial css</a>
<img src="/static/imghw/top_right.png" alt="" />
<span>Cara menambah sempadan atau kesan amplifikasi fon pada teks dalam css (penjelasan kod terperinci)</span>
</div>
<div id="377j5v51b" class="Articlelist_txts">
<div id="377j5v51b" class="Articlelist_txts_info">
<h1 class="Articlelist_txts_title">Cara menambah sempadan atau kesan amplifikasi fon pada teks dalam css (penjelasan kod terperinci)</h1>
<div id="377j5v51b" class="Articlelist_txts_info_head">
<div id="377j5v51b" class="author_info">
<a href="http://m.miracleart.cn/ms/member/190284.html" class="author_avatar">
<img class="lazy" data-src="https://img.php.cn/upload/avatar/000/190/284/60fa5d81a4a97580.jpg" src="/static/imghw/default1.png" alt="奮力向前">
</a>
<div id="377j5v51b" class="author_detail">
<a href="http://m.miracleart.cn/ms/member/190284.html" class="author_name">奮力向前</a>
</div>
</div>
</div>
<span id="377j5v51b" class="Articlelist_txts_time">Aug 05, 2021 pm 04:33 PM</span>
<div id="377j5v51b" class="Articlelist_txts_infos">
<span id="377j5v51b" class="Articlelist_txts_infoss on">css</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>
<blockquote><p>Dalam artikel sebelumnya "<a href="http://m.miracleart.cn/css-tutorial-480796.html" target="_blank">Ajar anda langkah demi langkah cara menggunakan css3 untuk menambah kesan bayang pada teks (penjelasan kod terperinci) </a>", saya memperkenalkan anda cara menggunakan cs3 untuk menambah kesan bayang kepada teks. Artikel berikut akan memperkenalkan kepada anda cara menggunakan CSS untuk menambah sempadan atau kesan amplifikasi fon pada teks. Mari lihat cara melakukannya bersama-sama. </p></blockquote>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/202108/05/2021080516095831867.jpg" class="lazy" alt="Cara menambah sempadan atau kesan amplifikasi fon pada teks dalam css (penjelasan kod terperinci)" ></p>
<h2 id="Cara-menambah-sempadan-atau-membesarkan-fon-pada-teks-menggunakan-css">Cara menambah sempadan atau membesarkan fon pada teks menggunakan css </h2>
<p><strong>Sempadan teks</strong></p><pre class='brush:php;toolbar:false;'>p{ border:2px solid blue;｝</pre><p><strong>Contoh kod sempadan teks</strong></p><pre class='brush:php;toolbar:false;'><meta charset="utf-8">
<title>文字邊框</title>
<style>
p{ border:2px solid blue;｝
</style>
</head>
<body>
<p>中文網(wǎng)1</p>
<p>中文網(wǎng)2</p>
<p>中文網(wǎng)3</p>
</body>
</html></pre><p><strong>Penyampaian kod</strong></p><p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/image/543/225/861/1628151410500448.jpg" class="lazy" title="1628151410500448.jpg" alt="Cara menambah sempadan atau kesan amplifikasi fon pada teks dalam css (penjelasan kod terperinci)"/></p><p><strong>Pembesaran fon </strong></p><p>Pilih semua <code><p></code> elemen dengan nama mereka p</p><pre class='brush:php;toolbar:false;'>p{}</pre><p><strong>pNyatakan peraturan gaya </strong></p><pre class='brush:php;toolbar:false;'>p {font-size:200%;} 將字體放大1倍</pre><p><strong>Penguatan fon contoh kod</strong></p><pre class='brush:php;toolbar:false;'><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文字邊框</title>
<style>
p{font-size: 200%;}
p.one
{
border-style:dashed;
border-width:5px;
}
p.two
{
border-style:solid;
border-width:medium;
}
p.three
{
border-style:solid;
border-width:1px;
}
p.four
{border-style:dashed;
border-width:2px;
border-color:red
</style>
</head>
<body>
<p class="one">php中文網(wǎng)</p>
<p class="two">php中文網(wǎng)</p>
<p class="three">php中文網(wǎng)</p>
<p class="four">php中文網(wǎng)</p>
</body>
</html></pre><p><strong>Penyampaian kod amplifikasi fon</strong></p><p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/image/959/246/516/1628152068872557.jpg" class="lazy" title="1628152068872557.jpg" alt="Cara menambah sempadan atau kesan amplifikasi fon pada teks dalam css (penjelasan kod terperinci)"/></p><p>Jika anda mahukan semua perenggan Dengan latar belakang kelabu, gunakan pemilih elemen <code><p></code> untuk mentakrifkan </p><pre class='brush:php;toolbar:false;'>p{background:lightgray;} 選中所有的<p>設(shè)置背景色：亮灰色。</pre><p><strong>Contoh kod</strong></p><pre class='brush:php;toolbar:false;'><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文字邊框</title>
<style>
p{background:lightgray; font-size: 200%;}
p.one
{
border-style:dashed;
border-width:5px;
}
p.two
{
border-style:solid;
border-width:medium;
}
p.three
{
border-style:solid;
border-width:1px;
}
p.four
{border-style:dashed;
border-width:2px;
border-color:red
</style>
</head>
<body>
<p class="one">php中文網(wǎng)</p>
<p class="two">php中文網(wǎng)</p>
<p class="three">php中文網(wǎng)</p>
<p class="four">php中文網(wǎng)</p>
</body>
</html></pre><p><strong>Penyampaian kod</strong></p>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/image/277/507/260/1628152147168766.jpg" class="lazy" title="1628152147168766.jpg" alt="Cara menambah sempadan atau kesan amplifikasi fon pada teks dalam css (penjelasan kod terperinci)"></p>
<p>Pembelajaran yang disyorkan: <a href="http://m.miracleart.cn/course/list/12.html" target="_blank">Tutorial video CSS</a></p><p>Atas ialah kandungan terperinci Cara menambah sempadan atau kesan amplifikasi fon pada teks dalam css (penjelasan kod terperinci). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!</p>
</div>
</div>
<div id="377j5v51b" class="wzconShengming_sp">
<div id="377j5v51b" class="bzsmdiv_sp">Kenyataan Laman Web ini</div>
<div>Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi 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>Artikel Panas</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottom">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ms/faq/1796832397.html" title="Panduan Membina Rumput Wonder | Uma Musume Pretty Derby" class="phpgenera_Details_mainR4_bottom_title">Panduan Membina Rumput Wonder | Uma Musume Pretty Derby</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>1 bulan yang lalu</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ms/faq/1796833110.html" title="<??>: 99 Malam di Hutan - Semua Lencana Dan Cara Membuka Kunci Mereka" class="phpgenera_Details_mainR4_bottom_title"><??>: 99 Malam di Hutan - Semua Lencana Dan Cara Membuka Kunci Mereka</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>4 minggu yang lalu</span>
<span>By DDD</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ms/faq/1796836699.html" title="Panduan Suhu Rimworld Odyssey untuk Kapal dan Gravtech" class="phpgenera_Details_mainR4_bottom_title">Panduan Suhu Rimworld Odyssey untuk Kapal dan Gravtech</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>3 minggu yang lalu</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ms/faq/1796834553.html" title="Mejiro Ryan Build Guide | Uma Musume Pretty Derby" class="phpgenera_Details_mainR4_bottom_title">Mejiro Ryan Build Guide | Uma Musume Pretty Derby</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>3 minggu yang lalu</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ms/faq/1796836084.html" title="Rimworld Odyssey Cara Ikan" class="phpgenera_Details_mainR4_bottom_title">Rimworld Odyssey Cara Ikan</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>3 minggu yang lalu</span>
<span>By Jack chen</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://m.miracleart.cn/ms/article.html">Tunjukkan Lagi</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>Alat AI Hot</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_bottom">
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.miracleart.cn/ms/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/ms/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title">
<h3>Undress AI Tool</h3>
</a>
<p>Gambar buka pakaian secara percuma</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.miracleart.cn/ms/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/ms/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title">
<h3>Undresser.AI Undress</h3>
</a>
<p>Apl berkuasa AI untuk mencipta foto bogel yang realistik</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.miracleart.cn/ms/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/ms/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title">
<h3>AI Clothes Remover</h3>
</a>
<p>Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.miracleart.cn/ms/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/ms/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title">
<h3>Clothoff.io</h3>
</a>
<p>Penyingkiran pakaian AI</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.miracleart.cn/ms/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/ms/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title">
<h3>Video Face Swap</h3>
</a>
<p>Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!</p>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://m.miracleart.cn/ms/ai">Tunjukkan Lagi</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>Artikel Panas</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottom">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ms/faq/1796832397.html" title="Panduan Membina Rumput Wonder | Uma Musume Pretty Derby" class="phpgenera_Details_mainR4_bottom_title">Panduan Membina Rumput Wonder | Uma Musume Pretty Derby</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>1 bulan yang lalu</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ms/faq/1796833110.html" title="<??>: 99 Malam di Hutan - Semua Lencana Dan Cara Membuka Kunci Mereka" class="phpgenera_Details_mainR4_bottom_title"><??>: 99 Malam di Hutan - Semua Lencana Dan Cara Membuka Kunci Mereka</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>4 minggu yang lalu</span>
<span>By DDD</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ms/faq/1796836699.html" title="Panduan Suhu Rimworld Odyssey untuk Kapal dan Gravtech" class="phpgenera_Details_mainR4_bottom_title">Panduan Suhu Rimworld Odyssey untuk Kapal dan Gravtech</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>3 minggu yang lalu</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ms/faq/1796834553.html" title="Mejiro Ryan Build Guide | Uma Musume Pretty Derby" class="phpgenera_Details_mainR4_bottom_title">Mejiro Ryan Build Guide | Uma Musume Pretty Derby</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>3 minggu yang lalu</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ms/faq/1796836084.html" title="Rimworld Odyssey Cara Ikan" class="phpgenera_Details_mainR4_bottom_title">Rimworld Odyssey Cara Ikan</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>3 minggu yang lalu</span>
<span>By Jack chen</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://m.miracleart.cn/ms/article.html">Tunjukkan Lagi</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>Alat panas</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_bottom">
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.miracleart.cn/ms/toolset/development-tools/92" title="Notepad++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="Notepad++7.3.1" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://m.miracleart.cn/ms/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_title">
<h3>Notepad++7.3.1</h3>
</a>
<p>Editor kod yang mudah digunakan dan percuma</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.miracleart.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" 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 versi Cina" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://m.miracleart.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" class="phpmain_tab2_mids_title">
<h3>SublimeText3 versi Cina</h3>
</a>
<p>Versi Cina, sangat mudah digunakan</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.miracleart.cn/ms/toolset/development-tools/121" title="Hantar Studio 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="Hantar Studio 13.0.1" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://m.miracleart.cn/ms/toolset/development-tools/121" title="Hantar Studio 13.0.1" class="phpmain_tab2_mids_title">
<h3>Hantar Studio 13.0.1</h3>
</a>
<p>Persekitaran pembangunan bersepadu PHP yang berkuasa</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.miracleart.cn/ms/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/ms/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title">
<h3>Dreamweaver CS6</h3>
</a>
<p>Alat pembangunan web visual</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.miracleart.cn/ms/toolset/development-tools/500" title="SublimeText3 versi 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 versi Mac" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://m.miracleart.cn/ms/toolset/development-tools/500" title="SublimeText3 versi Mac" class="phpmain_tab2_mids_title">
<h3>SublimeText3 versi Mac</h3>
</a>
<p>Perisian penyuntingan kod peringkat Tuhan (SublimeText3)</p>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://m.miracleart.cn/ms/ai">Tunjukkan Lagi</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>Topik panas</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottom">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/ms/faq/laravel-tutori" title="Tutorial Laravel" class="phpgenera_Details_mainR4_bottom_title">Tutorial 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/ms/faq/php-tutorial" title="Tutorial PHP" class="phpgenera_Details_mainR4_bottom_title">Tutorial 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/ms/faq/zt">Tunjukkan Lagi</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/ms/faq/1796848693.html" title="Bagaimana cara menukar warna teks dalam 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="Bagaimana cara menukar warna teks dalam CSS?" />
</a>
<a href="http://m.miracleart.cn/ms/faq/1796848693.html" title="Bagaimana cara menukar warna teks dalam CSS?" class="phphistorical_Version2_mids_title">Bagaimana cara menukar warna teks dalam CSS?</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 27, 2025 am 04:25 AM</span>
<p class="Articlelist_txts_p">Untuk menukar warna teks dalam CSS, anda perlu menggunakan atribut warna; 1. Gunakan atribut warna untuk menetapkan warna latar depan teks, nama warna yang menyokong (seperti merah), kod heksadesimal (seperti #FF0000), nilai RGB (seperti RGB (255,0,0)), nilai HSL (0,100% RGBA (255,0,0,0.5)); 2. Anda boleh memohon warna ke mana -mana elemen yang mengandungi teks, seperti tajuk H1 hingga H6, perenggan P, pautan A (perhatikan tetapan warna dari keadaan yang berlainan: pautan, a: dilawati, A: hover, a: aktif), butang, div, span, dan sebagainya; 3. Kebanyakan</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://m.miracleart.cn/ms/faq/1796848690.html" title="Terangkan unit CSS yang berbeza dan bila menggunakannya" 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="Terangkan unit CSS yang berbeza dan bila menggunakannya" />
</a>
<a href="http://m.miracleart.cn/ms/faq/1796848690.html" title="Terangkan unit CSS yang berbeza dan bila menggunakannya" class="phphistorical_Version2_mids_title">Terangkan unit CSS yang berbeza dan bila menggunakannya</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 27, 2025 am 04:24 AM</span>
<p class="Articlelist_txts_p">Dalam pembangunan web, pilihan unit CSS bergantung kepada keperluan reka bentuk dan prestasi responsif. 1. Piksel (PX) digunakan untuk menetapkan saiz seperti sempadan dan ikon, tetapi tidak kondusif untuk reka bentuk responsif; 2. Peratusan (%) diselaraskan mengikut bekas induk, sesuai untuk susun atur streaming tetapi perhatian terhadap ketergantungan konteks; 3.EM didasarkan pada saiz fon semasa, REM berdasarkan fon elemen akar, sesuai untuk fon elastik dan kawalan tema bersatu; 4. Unit Viewport (VW/VH/VMIN/VMAX) diselaraskan mengikut saiz skrin, sesuai untuk elemen skrin penuh dan UI dinamik; 5. Auto, mewarisi, nilai awal dan lain -lain digunakan untuk mengira, mewarisi atau menetapkan semula gaya secara automatik, yang membantu pengurusan susun atur dan gaya yang fleksibel. Penggunaan rasional unit -unit ini dapat meningkatkan fleksibiliti dan responsif halaman.</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://m.miracleart.cn/ms/faq/1796855212.html" title="Bagaimana cara menggunakan harta penapis latar belakang 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/175410786011157.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Bagaimana cara menggunakan harta penapis latar belakang CSS?" />
</a>
<a href="http://m.miracleart.cn/ms/faq/1796855212.html" title="Bagaimana cara menggunakan harta penapis latar belakang CSS?" class="phphistorical_Version2_mids_title">Bagaimana cara menggunakan harta penapis latar belakang CSS?</a>
<span id="377j5v51b" class="Articlelist_txts_time">Aug 02, 2025 pm 12:11 PM</span>
<p class="Articlelist_txts_p">Filter latar belakang digunakan untuk menggunakan kesan visual kepada kandungan di belakang unsur-unsur. 1. Gunakan penapis latar belakang: blur (10px) dan sintaks lain untuk mencapai kesan kaca beku; 2. Menyokong pelbagai fungsi penapis seperti kabur, kecerahan, kontras, dan lain -lain dan boleh ditumpangkan; 3. Ia sering digunakan dalam reka bentuk kad kaca, dan perlu memastikan bahawa unsur -unsur bertindih dengan latar belakang; 4. Pelayar moden mempunyai sokongan yang baik, dan @supports boleh digunakan untuk menyediakan penyelesaian penurunan; 5. Elakkan nilai kabur yang berlebihan dan kerap meredakan untuk mengoptimumkan prestasi. Atribut ini hanya berkuatkuasa apabila terdapat kandungan di belakang unsur -unsur.</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://m.miracleart.cn/ms/faq/1796850497.html" title="Bagaimana cara gaya pautan dalam 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="Bagaimana cara gaya pautan dalam CSS?" />
</a>
<a href="http://m.miracleart.cn/ms/faq/1796850497.html" title="Bagaimana cara gaya pautan dalam CSS?" class="phphistorical_Version2_mids_title">Bagaimana cara gaya pautan dalam CSS?</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 29, 2025 am 04:25 AM</span>
<p class="Articlelist_txts_p">Gaya pautan harus membezakan negara-negara yang berbeza melalui kelas pseudo. 1. Gunakan A: Pautan Untuk menetapkan gaya pautan yang tidak dicapai, 2. A: Dikunjungi untuk menetapkan pautan yang diakses, 3. Anda boleh meningkatkan kebolehgunaan dan kebolehcapaian dengan menambahkan padding, kursor: penunjuk dan mengekalkan atau menyesuaikan garis besar fokus. Anda juga boleh menggunakan sempadan bawah atau animasi untuk memastikan bahawa pautan mempunyai pengalaman pengguna yang baik dan aksesibiliti di semua negeri.</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://m.miracleart.cn/ms/faq/1796852960.html" title="Apakah stylesheet ejen pengguna?" 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="Apakah stylesheet ejen pengguna?" />
</a>
<a href="http://m.miracleart.cn/ms/faq/1796852960.html" title="Apakah stylesheet ejen pengguna?" class="phphistorical_Version2_mids_title">Apakah stylesheet ejen pengguna?</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 31, 2025 am 10:35 AM</span>
<p class="Articlelist_txts_p">Stylesheet ejen pengguna adalah gaya CSS lalai yang melayari secara automatik untuk memastikan bahawa unsur -unsur HTML yang belum menambah gaya tersuai masih boleh dibaca asas. Mereka mempengaruhi penampilan awal halaman, tetapi terdapat perbezaan antara pelayar, yang mungkin membawa kepada paparan yang tidak konsisten. Pemaju sering menyelesaikan masalah ini dengan menetapkan semula atau menyeragamkan gaya. Gunakan panel pengiraan atau gaya alat pemaju untuk melihat gaya lalai. Operasi liputan biasa termasuk membersihkan margin dalaman dan luaran, mengubah suai garis bawah pautan, menyesuaikan saiz tajuk dan menyatukan gaya butang. Memahami gaya ejen pengguna boleh membantu meningkatkan konsistensi penyemak imbas dan membolehkan kawalan susun atur yang tepat.</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://m.miracleart.cn/ms/faq/1796854818.html" title="Bagaimana untuk membuat animasi melantun dengan 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/175408464130278.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Bagaimana untuk membuat animasi melantun dengan CSS?" />
</a>
<a href="http://m.miracleart.cn/ms/faq/1796854818.html" title="Bagaimana untuk membuat animasi melantun dengan CSS?" class="phphistorical_Version2_mids_title">Bagaimana untuk membuat animasi melantun dengan CSS?</a>
<span id="377j5v51b" class="Articlelist_txts_time">Aug 02, 2025 am 05:44 AM</span>
<p class="Articlelist_txts_p">Define@keyframesbouncewith0%,100%attranslateY(0)and50%attranslateY(-20px)tocreateabasicbounce.2.Applytheanimationtoanelementusinganimation:bounce0.6sease-in-outinfiniteforsmooth,continuousmotion.3.Forrealism,use@keyframesrealistic-bouncewithscale(1.1</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://m.miracleart.cn/ms/faq/1796849429.html" title="Bagaimana untuk membuat garis putus -putus dengan 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/175364484172161.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Bagaimana untuk membuat garis putus -putus dengan CSS?" />
</a>
<a href="http://m.miracleart.cn/ms/faq/1796849429.html" title="Bagaimana untuk membuat garis putus -putus dengan CSS?" class="phphistorical_Version2_mids_title">Bagaimana untuk membuat garis putus -putus dengan CSS?</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 28, 2025 am 03:34 AM</span>
<p class="Articlelist_txts_p">Gunakan atribut sempadan untuk menetapkan gaya putus-putus untuk membuat garis putus-putus dengan cepat, seperti sempadan atas: 2pxdashed#000; 2. Anda boleh menyesuaikan penampilan garis putus -putus dengan menyesuaikan lebar sempadan, warna dan gaya; 3. Apabila memohon garis putus -putus kepada pembahagi atau elemen sebaris, disyorkan untuk menetapkan ketinggian: 0 atau tetapkan semula gaya lalai HR; 4. Sekiranya anda perlu mengawal panjang dan jarak garis putus-putus, anda harus menggunakan imej latar belakang dan gradien linear untuk bekerjasama dengan gradien linear, contohnya, latar belakang: gradien linear (toright, black33%, transparan33%)</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://m.miracleart.cn/ms/faq/1796851887.html" title="Bagaimana cara bertindih dalam 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/175382539049072.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Bagaimana cara bertindih dalam CSS?" />
</a>
<a href="http://m.miracleart.cn/ms/faq/1796851887.html" title="Bagaimana cara bertindih dalam CSS?" class="phphistorical_Version2_mids_title">Bagaimana cara bertindih dalam CSS?</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 30, 2025 am 05:43 AM</span>
<p class="Articlelist_txts_p">Untuk mencapai tumpang tindih elemen CSS, anda perlu menggunakan atribut kedudukan dan z-indeks. 1. Gunakan kedudukan dan z-indeks: tetapkan elemen ke kedudukan tidak statik (seperti mutlak, relatif, dan lain-lain), dan mengawal perintah penyusunan melalui z-indeks, semakin besar nilai, semakin tinggi nilai. 2. Kaedah kedudukan biasa: Mutlak digunakan untuk susun atur yang tepat, relatif digunakan untuk elemen yang relatif mengimbangi dan bertindih, tetap atau melekit digunakan untuk kedudukan tetap lapisan yang digantung. 3. Contoh sebenar: Dengan menetapkan kedudukan kontena induk: Relatif, kedudukan elemen kanak-kanak: mutlak dan berbeza z-indeks, kesan tumpang tindih kad dapat dicapai.</p>
</div>
</div>
<a href="http://m.miracleart.cn/ms/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>Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！</p>
</div>
<div id="377j5v51b" class="footermid">
<a href="http://m.miracleart.cn/ms/about/us.html">Tentang kita</a>
<a href="http://m.miracleart.cn/ms/about/disclaimer.html">Penafian</a>
<a href="http://m.miracleart.cn/ms/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="li5jz" class="pl_css_ganrao" style="display: none;"><optgroup id="li5jz"></optgroup><menuitem id="li5jz"><acronym id="li5jz"><kbd id="li5jz"><pre id="li5jz"></pre></kbd></acronym></menuitem><output id="li5jz"></output><ruby id="li5jz"><address id="li5jz"><legend id="li5jz"><rp id="li5jz"></rp></legend></address></ruby><dl id="li5jz"></dl><tbody id="li5jz"><u id="li5jz"></u></tbody><cite id="li5jz"></cite><delect id="li5jz"><var id="li5jz"></var></delect><thead id="li5jz"><legend id="li5jz"><font id="li5jz"><p id="li5jz"></p></font></legend></thead><style id="li5jz"></style><thead id="li5jz"></thead><pre id="li5jz"></pre><i id="li5jz"><ruby id="li5jz"></ruby></i><nobr id="li5jz"><td id="li5jz"><strong id="li5jz"><thead id="li5jz"></thead></strong></td></nobr><form id="li5jz"><meter id="li5jz"><optgroup id="li5jz"><tfoot id="li5jz"></tfoot></optgroup></meter></form><i id="li5jz"></i><td id="li5jz"></td><strike id="li5jz"></strike><sub id="li5jz"></sub><strike id="li5jz"><noframes id="li5jz"><delect id="li5jz"><abbr id="li5jz"></abbr></delect></noframes></strike><dfn id="li5jz"><font id="li5jz"></font></dfn><th id="li5jz"></th><output id="li5jz"></output><style id="li5jz"><small id="li5jz"></small></style><rp id="li5jz"><pre id="li5jz"></pre></rp><acronym id="li5jz"></acronym><button id="li5jz"><legend id="li5jz"><option id="li5jz"></option></legend></button><ins id="li5jz"></ins><tr id="li5jz"><span id="li5jz"></span></tr><output id="li5jz"></output><dl id="li5jz"></dl><tbody id="li5jz"><ul id="li5jz"><acronym id="li5jz"></acronym></ul></tbody><legend id="li5jz"><rp id="li5jz"><p id="li5jz"><acronym id="li5jz"></acronym></p></rp></legend><strong id="li5jz"><blockquote id="li5jz"><label id="li5jz"></label></blockquote></strong><dl id="li5jz"></dl><var id="li5jz"><xmp id="li5jz"><nobr id="li5jz"><div id="li5jz"></div></nobr></xmp></var><mark id="li5jz"></mark><pre id="li5jz"><source id="li5jz"><th id="li5jz"></th></source></pre><track id="li5jz"><dd id="li5jz"></dd></track><video id="li5jz"></video><ins id="li5jz"><ol id="li5jz"></ol></ins><mark id="li5jz"></mark><ins id="li5jz"></ins><style id="li5jz"><dfn id="li5jz"></dfn></style><legend id="li5jz"><small id="li5jz"><menuitem id="li5jz"><em id="li5jz"></em></menuitem></small></legend><ol id="li5jz"><del id="li5jz"><meter id="li5jz"><input id="li5jz"></input></meter></del></ol><thead id="li5jz"><button id="li5jz"><xmp id="li5jz"><option id="li5jz"></option></xmp></button></thead><em id="li5jz"></em><ol id="li5jz"><abbr id="li5jz"></abbr></ol><label id="li5jz"><kbd id="li5jz"></kbd></label><font id="li5jz"><p id="li5jz"></p></font><td id="li5jz"></td><strong id="li5jz"><center id="li5jz"><sub id="li5jz"><dd id="li5jz"></dd></sub></center></strong><acronym id="li5jz"></acronym><dl id="li5jz"></dl><tbody id="li5jz"></tbody><optgroup id="li5jz"></optgroup><tt id="li5jz"></tt><li id="li5jz"><address id="li5jz"></address></li><pre id="li5jz"></pre><p id="li5jz"><em id="li5jz"><code id="li5jz"></code></em></p><ol id="li5jz"><abbr id="li5jz"><pre id="li5jz"><source id="li5jz"></source></pre></abbr></ol><thead id="li5jz"></thead><strong id="li5jz"><b id="li5jz"><cite id="li5jz"><font id="li5jz"></font></cite></b></strong><i id="li5jz"><em id="li5jz"><code id="li5jz"><tt id="li5jz"></tt></code></em></i><button id="li5jz"></button><pre id="li5jz"><thead id="li5jz"><small id="li5jz"><font id="li5jz"></font></small></thead></pre><nobr id="li5jz"></nobr><sub id="li5jz"><video id="li5jz"><rt id="li5jz"><output id="li5jz"></output></rt></video></sub><big id="li5jz"><small id="li5jz"></small></big><sup id="li5jz"><legend id="li5jz"></legend></sup><dfn id="li5jz"><font id="li5jz"></font></dfn><p id="li5jz"></p><thead id="li5jz"><button id="li5jz"><legend id="li5jz"><font id="li5jz"></font></legend></button></thead><samp id="li5jz"></samp><dl id="li5jz"></dl><var id="li5jz"></var><label id="li5jz"></label><td id="li5jz"><listing id="li5jz"></listing></td><legend id="li5jz"><nobr id="li5jz"><p id="li5jz"></p></nobr></legend><pre id="li5jz"><optgroup id="li5jz"><pre id="li5jz"><strong id="li5jz"></strong></pre></optgroup></pre><div id="li5jz"></div><optgroup id="li5jz"></optgroup><progress id="li5jz"></progress><rt id="li5jz"></rt><dfn id="li5jz"><big id="li5jz"></big></dfn><div id="li5jz"></div><var id="li5jz"><del id="li5jz"></del></var><div id="li5jz"></div><abbr id="li5jz"></abbr><dfn id="li5jz"><pre id="li5jz"><i id="li5jz"><button id="li5jz"></button></i></pre></dfn><em id="li5jz"></em><u id="li5jz"><th id="li5jz"><b id="li5jz"><big id="li5jz"></big></b></th></u><strike id="li5jz"><dfn id="li5jz"><thead id="li5jz"><abbr id="li5jz"></abbr></thead></dfn></strike><dfn id="li5jz"><dd id="li5jz"></dd></dfn><acronym id="li5jz"><center id="li5jz"></center></acronym><sub id="li5jz"></sub><em id="li5jz"></em><thead id="li5jz"></thead><style id="li5jz"><dfn id="li5jz"></dfn></style></div>
</html>
![\"Cara](\"https:\/\/img.php.cn\/upload\/image\/543\/225\/861\/1628151410500448.jpg\" "\\"1628151410500448.jpg\\"")
<\/p>