<?xml version="1.0" encoding="utf-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0"><channel><title>六六互联</title><link>http://www.ddw7.com/</link><description>外贸wordpress欧洲抗投诉vps,美国仿牌vps,推荐空间主机服务器免投诉防投诉</description><item><title>外贸仿牌投诉忽略fake shop/DMCA/Phishing/Fraud/Counterfeit Sales/Fake Webshop/cloudflare</title><link>http://www.ddw7.com/post/159.html</link><description>&lt;p&gt;&lt;span style=&quot;text-wrap: nowrap;&quot;&gt;大家都知道，国外贸易对各种各样的限制与国内都不同，水土不服，独立站做外贸经常碰到这些邮件投诉：&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;text-wrap: nowrap; font-size: 16px;&quot;&gt;fake shop/DMCA/Phishing/Fraud/Counterfeit Sales/Fake Webshop/cloudflare&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;text-wrap: nowrap;&quot;&gt;然后服务器就关闭了。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;text-wrap: nowrap;&quot;&gt;联系我们，用我们的服务器，我们帮你统统忽略了。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;text-wrap: nowrap;&quot;&gt;安心做外贸。再也不用担心卖的好的产品必须下架了。&lt;span style=&quot;text-wrap: nowrap; font-size: 20px; color: #FF0000;&quot;&gt;【六六互联】-15年外贸抗投诉服务器专家&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;text-wrap: nowrap;&quot;&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.ddw7.com/zb_users/upload/2023/11/202311051699187916646061.png&quot; style=&quot;&quot; title=&quot;333.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.ddw7.com/zb_users/upload/2023/11/202311051699187916355303.png&quot; style=&quot;&quot; title=&quot;222.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.ddw7.com/zb_users/upload/2023/11/202311051699187916668719.jpg&quot; style=&quot;&quot; title=&quot;111.jpg&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.ddw7.com/zb_users/upload/2023/11/202311051699187916543465.png&quot; style=&quot;&quot; title=&quot;444.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.ddw7.com/zb_users/upload/2023/11/202311051699187916531566.png&quot; style=&quot;&quot; title=&quot;555.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;text-wrap: nowrap;&quot;&gt;&lt;br/&gt;&lt;/span&gt;&lt;br/&gt;&lt;/p&gt;</description><pubDate>Sun, 05 Nov 2023 20:37:12 +0800</pubDate></item><item><title>日常佩戴的傳奇錶既不能不傳奇，又不能太傳奇</title><link>http://www.ddw7.com/post/158.html</link><description>&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 作為一只日常佩戴的傳奇錶，有兩點很重要，就是既不能不傳奇，又不能太傳奇。所以雅典今天Freak ONE奇想手錶就很好的拿捏住了這個尺度。作為一只純正的Freak手錶，最重要的就要繼承無錶盤、無指針、無錶冠這一Freak家族的獨特基因。雖然入門級的Freak X，有著Freak的整體樣貌，價格也相對較低，價格在20萬元左右。但它是通過傳統錶冠來進行時間調校，併且使用了常規的機芯佈局上鏈繫統。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.ddw7.com/zb_users/upload/2023/06/202306021685702443624911.png&quot; title=&quot;1.png&quot; alt=&quot;1.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 通俗的講，就是Freak X只把擒縱繫放到了正面，發條盒和傳動繫依然放到了背面，而純正的Freak則是只把發條盒放在背面，傳動和擒縱全都放在了正面，所以我們可以在除Freak X的Freak上看到如此多的齒輪。所以雖然Freak X的性價比很高，但它的傳奇指數則略遜一籌。去年，雅典的Freak S橫空出世，這艘帶有差速器的雙擺輪星際飛船不僅融合了Freak 20多年來的所有結晶，更是將Freak的傳奇指數一次性拉到了爆錶。也正是由於太過傳奇，不僅導致價格過分美麗，輕輕鬆鬆百萬加，關鍵是厚度和體量日常佩戴也著實有些冗余。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.ddw7.com/zb_users/upload/2023/06/202306021685702455438835.png&quot; title=&quot;2.png&quot; alt=&quot;2.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;為了應對Freak X的不太傳奇，和Freak S的太過傳奇，於是雅典在今年恰如其分的推出了全新Freak ONE。Freak ONE不僅完美繼承了Freak的純正血統，甚至在某些方面相較Freak S還有了一定程度的提升。這款錶在外觀上採用了和Freak S相同的設計語言，為黑色DLC鈦金屬錶殼搭配玫瑰金五坑紋錶圈，由於沒有了Freak S上的雙擺輪和差速器，所以讓它收獲了直徑44毫米，厚度僅為12毫米的這個更加喜人的尺寸，雖然我感覺帶上還是有些重，但這只是因為錶圈用料太實在。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;性能上，雅典不僅將自己所有的矽擒縱技術在Freak ONE全部使用，讓這枚超大的矽質擺輪虎虎生風，還在夾闆的打磨上也相較之前的Freak有了大幅度提升，無論是倒角還是錶面處理的變化都做的相當到位。除了矽擒縱這一雅典的看家本領，這款錶也必須使用了雅典引以為傲的磨床上鏈繫統。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 該繫統核心部件由矽材質打造，通過四個對稱的棘爪，可靈敏捕捉佩戴者任何細微的動作，將其轉化為能量，其上弦效率不僅是傳統結構的2倍，而且也徹底解決了奇想繫列中置發條盒自動上鏈這一難題。這款錶的動力和Freak S保持一致，同為72小時，併且還可以通過隨錶附贈的工具為手錶上弦。我覺得，用Freak S一半的價格就可以得到這只更適合日常佩戴的傳奇錶絕對是個更加明智的選擇！&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.ddw7.com/zb_users/upload/2023/06/202306021685702473456496.png&quot; title=&quot;3.png&quot; alt=&quot;3.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;買頂級手錶上&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;www.top-biao.com&lt;/a&gt;：&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿錶&lt;/a&gt;&lt;/p&gt;</description><pubDate>Fri, 02 Jun 2023 18:34:32 +0800</pubDate></item><item><title>小小的手錶中凝聚著兩個時代兩位大師的精華</title><link>http://www.ddw7.com/post/157.html</link><description>&lt;p&gt;
    &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;說起葛飾北齋，相信很多錶友都會覺得很熟悉，他出生於日本江戶，也就是現在的東京。為什麽說大家或許對他很熟悉呢，是因為有多個品牌及腕錶與他最出名的作品《富嶽三十六景》有過合作，比如說：日本制錶品牌冠藍獅就曾多次以該畫作為靈感，創作錶款。而今天想和大家介紹的《神奈川沖·浪裏》，也取自《富嶽三十六景》，它的構圖綜合了日本的傳統版畫和歐洲的圖形視角，其對海浪的特寫畫面巧妙地將日本宏偉的富士山併列成一個小三角丘，展現了海洋的無垠與自然力量的強大，一起來欣賞一下吧。（腕錶型號：SUOZ351）、
&lt;/p&gt;
&lt;p&gt;
    &lt;img src=&quot;http://www.ddw7.com/zb_users/upload/2023/06/202306021685701944457827.png&quot; title=&quot;1.png&quot; alt=&quot;1.png&quot;/&gt;
&lt;/p&gt;
&lt;p&gt;
    &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;這款Swatch X LOUVRE ABU DHABI（阿佈紮比盧浮宮）聯名款繫列匯聚了2個時代和2位大師的作品，他們一個是錶達自然力量的日式傑作，一個是融匯東西方科學知識的工藝產物，Swatch將兩個世界融為一體，它們互相碰撞、融合，形成了全新的主題，造就了一件全新的藝術品。
&lt;/p&gt;
&lt;p&gt;
    首先來看看腕錶的正面設計，這款腕錶的正面設計靈感，來自日本藝術家葛飾北齋的《神奈川沖·浪裏》。我們可以看到，斯沃琪將自己的盤面作為畫佈，將畫作縮至方寸之間，卻依舊體現了海浪的洶湧之勢，讓人不禁感嘆，自然面前的我們如此渺小。
&lt;/p&gt;
&lt;p&gt;
    &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;大海有了，那星空在哪裏呢？我們再來看看腕錶的背面。錶背的設計靈感來自另一位藝術家穆罕默德·伊本·艾哈邁德·巴圖提，他是一位多產的星盤制作者，他與哈桑·伊本·艾哈邁德一起，代錶了馬格裏佈最後一代嚴謹而傑出的制造者，星盤是他已知作品的一個很好的展示。
&lt;/p&gt;
&lt;p&gt;
    &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;了解了2個時代和2位大師的作品，這時候我們再來看腕錶的設計，或許會有些不一樣的感觸。這款聯名腕錶整體採用了一個普魯士藍色調設計，是無垠的海洋，亦是遙遠的星空，在錶盤上星星點綴著一些白色點狀裝飾，一眼看上去讓人想到《神奈川沖·浪裏》的洶湧浪花，又有些像星星點綴於星空之中。將兩個不同的藝術品融合在一起，是一件不容易的事兒，但可見，SWATCH瑞士斯沃琪在設計上是用了心思的。
&lt;/p&gt;
&lt;p&gt;
    &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Swatch將盤面作為畫佈，用一種特殊的方式再現了兩個經典作品，為了不影響作品的呈現，腕錶採用了無時標的設計搭配上簡約的大三針，非常簡約。在盤面9及12點鐘位置處印有品牌經典標識，增加了腕錶辨識度。
&lt;/p&gt;
&lt;p&gt;
    &lt;img src=&quot;http://www.ddw7.com/zb_users/upload/2023/06/202306021685702006467898.png&quot; title=&quot;2.png&quot; alt=&quot;2.png&quot;/&gt;
&lt;/p&gt;
&lt;p&gt;
    &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 這款腕錶與斯沃琪大部分錶款一樣，採用塑料材質打造錶殼，不過此塑料非比塑料，與我們常見的塑料瓶、塑料袋還是不一樣的。斯沃琪的塑料材質耐用度為普通塑料的5倍，摸起來也是非常有質感的，雖然直徑為41毫米，但質地非常輕盈，戴起來不會有很強的存在感，非常舒適。
&lt;/p&gt;
&lt;p&gt;
    &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 與其他腕錶不用，此次藝術家聯名繫列腕錶的錶帶也成為了藝術品展示的畫佈，皮質錶帶上同樣印有藝術家著名畫作，與盤面自成一體。
&lt;/p&gt;
&lt;p&gt;
    &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 如果說正面是《神奈川沖·浪裏》的舞臺，那麽背面便是《星盤》的戰場。《星盤》的部分圖案從錶背延伸至兩個錶帶，沙漠黃的色調看上去有一種古老、神秘的感覺，與前面的藍色海洋形成鮮明對比，一個沙漠、一個海洋，相互排斥卻又相互融合，矛盾卻合理。腕錶內部搭載的是一枚石英機芯，防水深度為30米。
&lt;/p&gt;
&lt;p&gt;
    &lt;img src=&quot;http://www.ddw7.com/zb_users/upload/2023/06/202306021685702025552971.png&quot; title=&quot;3.png&quot; alt=&quot;3.png&quot;/&gt;
&lt;/p&gt;
&lt;p&gt;
    &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 總結：這款手錶將海洋與星象搭配融合，小小的手錶中凝聚著兩個時代兩位大師的精華，形成了一個航海主題，也創造出了一個全新的藝術作品：Swatch X LOUVRE ABU DHABI聯名款腕錶，它的存在或許印證了人們對海洋探索的決心。
&lt;/p&gt;
&lt;p&gt;
    買頂級手錶上&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;www.top-biao.com&lt;/a&gt;：&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿錶&lt;/a&gt;
&lt;/p&gt;</description><pubDate>Fri, 02 Jun 2023 18:28:12 +0800</pubDate></item><item><title>香奈兒高級制錶的發展日新月異，一切精妙絕倫都可以日漸變為現實</title><link>http://www.ddw7.com/post/156.html</link><description>&lt;p&gt;
    &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;不論妳是香奈兒迷還是錶迷，應該都十分清楚，香奈兒今年在腕錶界可謂是大動作不斷，特別是在今年的日內瓦錶展上，推出了許多款式新穎的錶款；其中發佈的全新J12繫列，一下戳中了錶迷們的內心。換句話說，香奈兒高級制錶的發展可以說是日新月異，一切精妙絕倫都可以日漸變為現實；未來，我們會見到更多驚喜的作品。下面這篇文章為大家推薦的錶款是香奈兒J12繫列，一同欣賞一下這枚將漫天星河裝進錶盤的佳作。（型號：H7989）
&lt;/p&gt;
&lt;p&gt;
    &lt;img src=&quot;http://www.ddw7.com/zb_users/upload/2023/06/202306021685701578797907.png&quot; title=&quot;1.png&quot; alt=&quot;1.png&quot;/&gt;
&lt;/p&gt;
&lt;p&gt;
    &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;這只J12將單色調演繹的非常純粹，38毫米的錶徑，對於男士而言，這個尺寸佩戴起來毫無壓力。黑色靜密陶瓷和精鋼錶殼，營造出滿滿的科幻與未來感。
&lt;/p&gt;
&lt;p&gt;
    &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;在黑色的星空漆面石錶盤上，5點鐘和10點鐘方嚮，一共點綴了6顆明亮的切割鉆石，併且還是對稱設計，仿佛將夜空中閃耀的星辰都囊括在裏面。
&lt;/p&gt;
&lt;p&gt;
    &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;錶盤搭配Super-LumiNova藍色熒光指針，不容忽視的是秒針末端的星星設計，當秒針轉動時，像是一顆彗星在耀眼的星空下恆久轉動。仔細看，雖然錶盤上沒有設計阿拉伯數字/羅馬數字時標；但在錶盤上設計了12個方形凹槽代錶時標，只是各位讀時得稍微費點神。
&lt;/p&gt;
&lt;p&gt;
    &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;黑暗情況下，這只錶的散發出的紫色光環和錶盤上點點的寶石藍，仿佛置身於銀河當中；光線較弱時，能清晰的看見12個凹槽，保證了正常的讀時，簡直將顏值和功能都完美融合。
&lt;/p&gt;
&lt;p&gt;
    &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;正面看這只單色J12錶款，有啞光黑色鍍層精鋼固定式錶圈，同時還在黑色漆面藍寶石水晶上飾以長階梯形刻紋；將男士喜歡的深沈和闆正全部體現在錶圈上。
&lt;/p&gt;
&lt;p&gt;
    &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;從側面看，凸圓形啞光黑色靜謐陶瓷旋入式黑色鍍層精鋼錶冠，錶冠上有凹槽設計，方便抓握，易於調時；旋入式精鋼錶冠，一定程度上也具備很好的防水效果。
&lt;/p&gt;
&lt;p&gt;
    &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;品牌給這只黑色J12錶款配備了一條黑色精密陶瓷錶帶，另外，還有三重摺疊式精鋼錶扣，方便佩戴。這個材質佩戴起來非常涼爽，觀感也很舒服，併且陶瓷還不易磨損，看起來光滑細膩，質感也較為賞心悅目。
&lt;/p&gt;
&lt;p&gt;
    &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;香奈兒這只內部搭載的是Caliber 12.1自動上鏈機械機芯，提供70小時的動力儲備，每小時振蕩次數為28800，併且機芯是經過瑞士天文臺認證，走時誤差小，佩戴省心。防水深度200米，如果妳想要下水遊泳/潛水都完全沒問題的，記得上緊錶冠。
&lt;/p&gt;
&lt;p&gt;
    &lt;img src=&quot;http://www.ddw7.com/zb_users/upload/2023/06/202306021685701624195671.png&quot; title=&quot;2.png&quot; alt=&quot;2.png&quot;/&gt;
&lt;/p&gt;
&lt;p&gt;
    &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;總結：香奈兒這只J12一定程度上，讓我們理解了原來“五彩斑斕的黑”是這個意思。整錶單調的黑色，卻十分有看點，浪漫的盤面搭配闆正的錶圈，特別是在黑暗情況下，仿佛是將銀河戴在腕間，浪漫情懷至死不渝。
&lt;/p&gt;
&lt;p&gt;
    買頂級手錶上&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;www.top-biao.com&lt;/a&gt;：&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿錶&lt;/a&gt;
&lt;/p&gt;</description><pubDate>Fri, 02 Jun 2023 18:22:32 +0800</pubDate></item><item><title>盤面樣式最受歡迎的經典“熊貓盤”</title><link>http://www.ddw7.com/post/155.html</link><description>&lt;p&gt;
    &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 如果問當下哪種盤面樣式最受歡迎，“熊貓盤”設計絕對排得上前三名。一黑一白的經典色調、搭配上酷似熊貓的計時佈局，不僅辨識度極高，讀時、分區也是更為明朗。如今許多制錶商紛紛推出了外觀精美的“熊貓盤”計時碼錶，從色調及設計上來看，這類錶款似乎風格十分相似，但每一款腕錶所呈獻出來的韻味及細節美感還是各有其特色的。今天，我們便為大家帶來一款復古典雅的“熊貓盤”計時碼錶，它就是下圖這款寶齊萊傳承繫列年歴雙盤計時碼錶：（腕錶型號：00.10803.08.32.02）
&lt;/p&gt;
&lt;p&gt;
    &lt;img src=&quot;http://www.ddw7.com/zb_users/upload/2023/06/202306021685701241275956.png&quot; title=&quot;1.png&quot; alt=&quot;1.png&quot;/&gt;
&lt;/p&gt;
&lt;p&gt;
    雖說當下採用了熊貓計時盤設計的錶款不少，但寶齊萊這款傳承繫列年歴雙盤計時碼錶卻是其中“風味”最獨特的，令人想起原有古董時計。其外形簡潔高雅，在黑白經典色調的盤面上融入了上世紀五十年代初的工藝美學，有種別樣的傳統、經典韻味。
&lt;/p&gt;
&lt;p&gt;
    &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 精鋼打造的錶殼，在拉絲工藝的打磨下，防滑耐磨，棱角處的拋光處理帶給腕錶一絲精致光澤。側面的計時按鈕採用了過去計時碼錶常用的方形樣式，復古元素滿滿。錶圈同樣經過拋光處理，明亮如新的色澤下，圓潤細膩、觸感良好。錶殼直徑為41毫米，尺寸適中。
&lt;/p&gt;
&lt;p&gt;
    &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 觀看盤面設計，可以非常直觀地感受到腕錶呈現出來的復古美感，其延續了原型錶款的雙計時器佈局：深黑色電鍍錶盤搭配銀色計時盤，計時盤呈水平對稱，輔以源自1956年錶款設計的典雅指針和阿拉伯數字時標，整體復古意味尤為濃厚。
&lt;/p&gt;
&lt;p&gt;
    &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 為增強盤面的易讀性，寶齊萊對“熊貓盤”設計做了以下區分：其中3點位置處的小秒盤及9點位置處的30分鐘計時盤裝飾了唱片紋路和太陽紋飾，與黑色盤面形成明顯區分。而12點位置下的大日歴顯示窗口及4點半處的月份（年歴）窗口做了白框樣式，讀取更加迅速清晰。
&lt;/p&gt;
&lt;p&gt;
    &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 腕錶底部採用背透設計，我們可以清晰地欣賞到飾有條紋和魚鱗紋飾的機芯，經典的鏤空擺陀設計成了品牌的獨特樣式，非常美觀。其內部搭載了CFB 1972自動上鏈機芯的運轉美態，積極心直徑尺寸為30.0毫米，厚度7.3毫米，機芯帶47顆寶石，每小時振頻為28,800次，滿弦後可提供42 小時動力儲存。
&lt;/p&gt;
&lt;p&gt;
    &lt;img src=&quot;http://www.ddw7.com/zb_users/upload/2023/06/202306021685701259893149.png&quot; title=&quot;2.png&quot; alt=&quot;2.png&quot;/&gt;
&lt;/p&gt;
&lt;p&gt;
    &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 總結：寶齊萊這款傳承繫列年歴雙盤計時碼錶設計還是相當經典的，其嚮優秀制錶傳統致敬，既有歴史傳承、又有當代元素，兩者融合恰到好處。再加上功能實用、性能精准的內在配置、年歴與計時功能合一的優良設計，在計時碼錶這塊領域內還是非常吸睛的。
&lt;/p&gt;
&lt;p&gt;
    買頂級手錶上&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;www.top-biao.com&lt;/a&gt;：&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿錶&lt;/a&gt;
&lt;/p&gt;</description><pubDate>Fri, 02 Jun 2023 17:43:04 +0800</pubDate></item><item><title>百達翡麗推出了新款Calatrava繫列自動大三針6007G</title><link>http://www.ddw7.com/post/154.html</link><description>&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 今年，百達翡麗推出了新款Calatrava繫列自動大三針6007G，從價格上，29萬多的6007G是目前百達翡麗在售陣容中，公價最低的自動大三針，是百達翡麗“入門款”。咱們今天就看一看，進入百達翡麗的“新門檻”是什麽水平？&lt;/p&gt;&lt;p&gt;6007G，更運動、時尚的百達翡麗正裝錶。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.ddw7.com/zb_users/upload/2023/06/202306021685698687559514.png&quot; title=&quot;2.png&quot; alt=&quot;2.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;在過去幾年中，百達翡麗“簡單錶”Calatrava繫列，經歴了一次大規模更新換代。包括5196、5296在內的老款，完全停產。新一代Calatrava男錶問世，形成了目前的陣容：&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;手動上弦小三針6119（公價24萬多）、自動上弦大三針5226（公價31萬多）、自動上弦大三針將官底蓋5227（公價31萬多）。以及今年的自動上弦大三針6007G（公價29萬多）。&lt;br/&gt;&lt;/p&gt;&lt;p&gt;按說，已經有自動大三針5226了，今年又推出了同樣是自動大三針的6007G，這有沒有必要，百達翡麗是咋想的？各位可以看到，這幾年，百達翡麗在手錶風格上，發生了微妙的變化。從以往的正裝、傳統、優美，開始融入復古、運動、時尚的元素。而今年新款6007G，就是百達翡麗正裝錶，吸收運動、時尚風格的信號。6007G紅黃藍3種配色，碳纖維圖案裝飾，運動又時尚。&lt;/p&gt;&lt;p&gt;雖然是入門款，但6007G來頭不小。&lt;br/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;今年百達翡麗推出6007G（G代錶白金殼），但6007這個型號併不是第一次推出。在2020年，百達翡麗推出了6007A（A代錶鋼殼）。當時的6007A是限量的，限量1000只。而今年的白金6007G，就是正常款式，不限量了。&lt;br/&gt;&lt;/p&gt;&lt;p&gt;從百達翡麗款式演變角度，6007，是從5000→6000→6006→6007演變而來，這一演變路線，也是百達翡麗比較偏嚮於休閑風格的分支。&lt;/p&gt;&lt;p&gt;百達翡麗新款6007G，白金錶殼，尺寸40毫米，厚9.17毫米。錶殼延續了從6000、6006以來的風格，寬錶圈，錶殼全部拋光。雖然6007G外觀有一定運動感，但各位需要註意，6007G只是外觀運動，防水依然是30米。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; 6007G的盤面裝飾非常豐富。手錶秒針和刻度，對應紅、黃、藍，三種配色。盤面內圈有彩色三角刻度，盤面外圈是交錯的彩色豎杠刻度。大型夜光數字時標、夜光指針，進一步增強了6007G的運動感。百達翡麗6007的一大精髓，就是盤面中央的“碳纖維圖案”格紋。“碳纖維”格紋，是百達翡麗近些年，才開始使用的裝飾圖案，到今天，使用過“碳纖維”格紋的百達翡麗，依然屈指可數。&lt;br/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; 百達翡麗起初是在為ONLY WATCH拍賣，制作的大復雜錶5004T、5208T上使用“碳纖維”格紋，這兩只錶都是孤品。之後，百達翡麗才在常規款式5935A、6007A、6007G上，使用“碳纖維”格紋，可見百達翡麗對6007的重視程度。交錯的格紋，在光線下形成明暗效果，加上全拋光的錶殼，讓6007強調運動感的同時，豪華感絲毫未減。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;除了盤面上的“碳纖維”紋理，各位可以看到，在6007G的錶帶上，也鋪滿了“碳纖維”。6007G是牛皮錶帶，在錶帶正面，有碳纖維圖案裝飾。錶帶縫線顏色，和手錶盤面配色一致。手錶配針扣。&lt;br/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; 在機芯方面，新款6007G使用百達翡麗新一代26-330自動機芯（2020年的6007A是上一代324機芯）。百達翡麗新一代330機芯，是324機芯的升級型號。330機芯，尺寸27毫米，厚3.3毫米，30顆寶石軸承，擺頻28800次/時，動力45小時，有百達翡麗印記。330增加了停秒（324機芯沒有停秒），使用無卡度砝碼微調擺輪，矽遊絲，每天誤差-3/+2秒。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;在新一代330機芯上，百達翡麗再一次優化了傳動齒輪造型，特別是使用了LIGA（光電蝕刻）技術制造的新型鎳磷合金三輪。新的三輪齒牙形狀非常特殊，密集排列的齒牙很像金屬刷子。百達翡麗曾在官方介紹中提到，在每一個齒牙上有一個22微米的彈簧。每一個齒牙就是一個有彈性的小簧片。全新設計的三輪，最大作用就是把動力傳遞給四輪（秒輪）時，可以保持動力穩定，提高動力效率，減少扭矩損耗。保障秒針，穩定運行。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;在機芯裝飾上，330機芯使用的獨立夾闆較多，夾闆邊緣設計了一些尖角，併倒角拋光，以加強夾闆闆路的美觀度和復雜性。機芯上層夾闆有日內瓦條紋裝飾，下層夾闆有魚鱗紋裝飾，機芯可見之處、不可見之處全部都有打磨。擒縱輪的寶石軸承上，有黃金套筒。使用全金自動陀。百達翡麗330機芯，代錶了當下主流名錶品牌中，自動機芯的最高裝飾水平。&lt;/p&gt;&lt;p&gt;公價29萬，百達翡麗的入門，併沒有那麽容易“入”。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.ddw7.com/zb_users/upload/2023/06/202306021685698752344421.png&quot; title=&quot;1.png&quot; alt=&quot;1.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;百達翡麗新款6007G，公價295100。&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;29萬多公價，價格不低，但在百達翡麗中，已經是最便宜的手錶之一了。加上每年百達翡麗推出新款，特別是引人註目的款式，在短時期內，都會迎來一波行情飆升。6007G的實際價格，毫無疑問，都是翻倍的。只有在經過一段時間後，大概1年左右的時間，行情往往開始嚮公價範圍回落。&lt;br/&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;在6007G推出後，我也看到，有玩家認為，百達翡麗的精髓在於三問、萬年歴、計時等復雜錶，6007G這種簡單款是百達翡麗用來給復雜款“輸血”的，簡單款百達翡麗不值得入。對於這種觀點，我併不認同。但凡是個品牌，有高端線，就有入門線。難不成奔馳的精髓是S級，買不起S，下面E級、C級、A級就都不值得了？&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;從新款6007G上，百達翡麗釋放了一個明確的信號。就是要在傳統的百達翡麗正裝錶之外，也要開辟一個更加運動、時尚、現代的新路線。您喜歡傳統百達翡麗，沒問題，有6119、5227；您喜歡時尚、運動的，也沒問題，有新款6007G。&lt;/p&gt;&lt;p&gt;買頂級手錶上&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;www.top-biao.com&lt;/a&gt;：&lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿手錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;高仿錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;複刻錶&lt;/a&gt; &lt;a href=&quot;http://www.top-biao.com&quot; target=&quot;_self&quot;&gt;精仿錶&lt;/a&gt;&lt;/p&gt;</description><pubDate>Fri, 02 Jun 2023 17:31:26 +0800</pubDate></item><item><title>缩略图组件和媒体对象</title><link>http://www.ddw7.com/post/153.html</link><description>&lt;p&gt;&lt;strong&gt;缩略图组件和媒体对象&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;缩略图&lt;/p&gt;&lt;p&gt;图文混合的缩略图&lt;/p&gt;&lt;p&gt;媒体对象&lt;/p&gt;&lt;p&gt;媒体对象是一个抽象的样式，用来构建不同类型的组件，这些组件都具有在文本内左对齐或右对齐的图片（就像博客评论或Twitter消息等）&lt;/p&gt;&lt;p&gt;默认样式的媒体对象是在内容区域的左侧或右侧展示一个媒体内容（图片、视频、音频）&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.ddw7.com/zb_users/upload/2022/12/202212281672211726392802.png&quot; title=&quot;QQ图片20220509200432.png&quot; alt=&quot;QQ图片20220509200432.png&quot; width=&quot;474&quot; height=&quot;288&quot; style=&quot;width: 474px; height: 288px;&quot;/&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;列表组及分页导航&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;普通的列组件和带徽章的列表组件&lt;/p&gt;&lt;p&gt;列表组是灵活又强大的组件&lt;/p&gt;&lt;p&gt;大部分列表都是使用ul/li来实现的&lt;/p&gt;&lt;p&gt;基础列表&lt;/p&gt;&lt;p&gt;默认分页导航和翻页组件&lt;/p&gt;&lt;p&gt;网页内容很多的时候都会使用分页显示。比如新闻列表、订单记录等&lt;/p&gt;&lt;p&gt;一个用户体验良好的分页组件会使网页的level提高一个等级，Bootstrap为大家提供了两种分页组件&lt;/p&gt;&lt;p&gt;带多个页面的翻页组件&lt;/p&gt;&lt;p&gt;只有上一页和下一页的翻页组件&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;</description><pubDate>Wed, 28 Dec 2022 15:11:23 +0800</pubDate></item><item><title>下拉菜单组件制作下拉菜单</title><link>http://www.ddw7.com/post/152.html</link><description>&lt;p&gt;小图标组件的使用及应用场景&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.ddw7.com/zb_users/upload/2022/12/202212281672211354491094.png&quot; title=&quot;QQ图片20220509200340.png&quot; alt=&quot;QQ图片20220509200340.png&quot;/&gt;&lt;/p&gt;&lt;p&gt;图标（icon）是一个优秀网站不可缺少的一组元素，小图标的点缀可以使网站瞬间提升一个档次&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;Bootstrap给我们提供了250种小图标，这些小图标可以作用在内联元素上，给网页增加更多活力&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;小图标应用注意事项&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;图标类不能和其他组件直接联合使用&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;不能在同一个元素上与其他类同存在&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;创建一个嵌套的span元素，并将图标应用到这个span上&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;只对内容为空的元素起作用&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;对引入的图标位置有规定&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;图标字体全部位于../fonts/目录内，相对于预编译版CSS文件的应该是同级目录&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;小图标应用场景&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;icon和导航组合&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;icon和按钮组合&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;icon和输入框组合&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;下拉菜单组件&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;在网页交互的时候经常会需要上下文菜单或者隐藏/展开菜单&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;下拉菜单的 JavaScript 插件能让它具有交互性&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;下拉菜单使用方法&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;名为.dropdown样式所在的是大容器&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;.dropdown-menu是放菜单li的容器&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;.open可以控制菜单展开与否&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;</description><pubDate>Wed, 28 Dec 2022 15:07:14 +0800</pubDate></item><item><title>为盒模型设置上下左右的距离和宽度</title><link>http://www.ddw7.com/post/151.html</link><description>&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;利用&lt;/span&gt;margin&lt;span style=&quot;font-family: 宋体;&quot;&gt;、&lt;/span&gt;padding&lt;span style=&quot;font-family: 宋体;&quot;&gt;和&lt;/span&gt;border&lt;span style=&quot;font-family: 宋体;&quot;&gt;三个属性（它们都是组合属性），可以有以下几种方式为盒模型设置上下左右的距离和宽度。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&lt;img src=&quot;http://www.ddw7.com/zb_users/upload/2022/11/202211021667361653813308.png&quot; title=&quot;QQ图片20220509203214.png&quot; alt=&quot;QQ图片20220509203214.png&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;strong&gt;4.2.1&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;使用单独属性&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;1．margin-top,margin-right,margin-bottom,margin-left&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;2．padding-top,padding-right,padding-bottom,padding-left&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;3．border-top,border-right,border-bottom,border-left&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: Wingdings;&quot;&gt;Ø&lt;span style=&quot;font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 9px; line-height: normal; font-family: &amp;quot;Times New Roman&amp;quot;;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;注意：&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;关于&lt;/span&gt;border&lt;span style=&quot;font-family: 宋体;&quot;&gt;边框，如果只设置其宽度，是不会有任何效果的，还需要为其设置边框的类型和颜色。如果在对同一个元素进行&lt;/span&gt;css&lt;span style=&quot;font-family: 宋体;&quot;&gt;属性设置时，按照&lt;/span&gt;css&lt;span style=&quot;font-family: 宋体;&quot;&gt;的属性顺序，后一个属性的值将覆盖前一个属性的值。同样，针对相同属性，&lt;/span&gt;style&lt;span style=&quot;font-family: 宋体;&quot;&gt;属性设置的样式将覆盖在页面&lt;/span&gt;head&lt;span style=&quot;font-family: 宋体;&quot;&gt;头部设置的值。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 35px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;需要注意的是，&lt;/span&gt;body&lt;span style=&quot;font-family: 宋体;&quot;&gt;标签本身也是一个盒子，它是浏览器中最顶层的大盒子，所以所有盒子模型相关的属性也同样适用于&lt;/span&gt;body&lt;span style=&quot;font-family: 宋体;&quot;&gt;标签。但由于&lt;/span&gt;body&lt;span style=&quot;font-family: 宋体;&quot;&gt;是最顶层的，它并没有同级的盒子，更不会有父容器，所以&lt;/span&gt;body&lt;span style=&quot;font-family: 宋体;&quot;&gt;标签的&lt;/span&gt;margin&lt;span style=&quot;font-family: 宋体;&quot;&gt;属性与&lt;/span&gt;padding&lt;span style=&quot;font-family: 宋体;&quot;&gt;属性类似，都只是针对&lt;/span&gt;body&lt;span style=&quot;font-family: 宋体;&quot;&gt;的内容进行间距的设置，&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;通过简单案例4-1,example01.html来体验,效果如图4-2所示。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 182px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;例&lt;/span&gt;4-1&amp;nbsp;&amp;nbsp; example01.htm&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; width=&quot;566&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;453&quot; valign=&quot;top&quot; style=&quot;line-height: 22px; padding: 0px 7px; overflow: hidden; background: rgb(238, 236, 225);&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;!DOCTYPE &amp;nbsp;html&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;meta charset=&amp;quot;utf-8&amp;quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;title&amp;gt;Body&lt;/span&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;的margin与padding属性&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;style&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp; body{margin: &amp;nbsp;0px; /*&lt;/span&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;浏览器窗口与body盒子的外边距为0*/}&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; .mydiv{width: 60%;height: &amp;nbsp;800px;background-color: azure;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;margin-top: 80px; /*div&lt;/span&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;盒子与浏览器窗口的上边距80px*/&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; margin-left: 200px;&amp;nbsp;&amp;nbsp; /*&lt;/span&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;左外边距200px*/&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;margin-bottom:100px; margin-right:50px;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; border: red solid 1px; /*&lt;/span&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;设置边框*/&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/style&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;br/&gt;&lt;span class=&quot;ans-img-wrap&quot; id=&quot;ext-gen1045&quot; style=&quot;padding: 0px; border: none; max-width: 100%; text-indent: 0px;&quot;&gt;&lt;img src=&quot;http://p.ananas.chaoxing.com/star3/origin/24a039f53b4d15832a91a0412dff35f8.png&quot; width=&quot;640&quot; height=&quot;400&quot; title=&quot;4-2.png&quot; id=&quot;ext-gen1046&quot; style=&quot;border: none; padding: 0px; max-width: 100%;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;图&lt;/span&gt;4-2 body&lt;span style=&quot;font-family: 宋体;&quot;&gt;的&lt;/span&gt;margin&lt;span style=&quot;font-family: 宋体;&quot;&gt;属性设置&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;上述代码为一个&lt;/span&gt;div&lt;span style=&quot;font-family: 宋体;&quot;&gt;盒子设置了宽度，高度以及背景色&lt;/span&gt;,&lt;span style=&quot;font-family: 宋体;&quot;&gt;上外边距，左外边距。一般情况下盒子与浏览器窗口之间默认是有一定距离的。大约为&lt;/span&gt;10&lt;span style=&quot;font-family: 宋体;&quot;&gt;个像素，为了页面布局，可能需要取消这&lt;/span&gt;10&lt;span style=&quot;font-family: 宋体;&quot;&gt;个像素，按正常情况下是设置&lt;/span&gt;body&lt;span style=&quot;font-family: 宋体;&quot;&gt;的&lt;/span&gt;margin&lt;span style=&quot;font-family: 宋体;&quot;&gt;属性为&lt;/span&gt;0&lt;span style=&quot;font-family: 宋体;&quot;&gt;即可。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;strong&gt;4.2.2&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;使用组合属性&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;1．margin&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;可以单独改变元素的上，下，左，右边距，也可以一次改变所有的属性。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;margin&lt;span style=&quot;font-family: 宋体;&quot;&gt;：&lt;/span&gt;10px,20px,15px,25px;&amp;nbsp;&lt;span style=&quot;font-family: 宋体;&quot;&gt;对应的顺序为（上右下左）上边距，右边距，下边距，左边距，即顺时针方向，如果记不住这个组合属性的顺序，也可以使用单独属性。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;2．padding&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;定义元素边框与元素内容之间的空间，即上下左右的内边距。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;padding&lt;span style=&quot;font-family: 宋体;&quot;&gt;：&lt;/span&gt;10px,20px,15px,25px;&lt;span style=&quot;font-family: 宋体;&quot;&gt;对应的顺序为上间距，右间距，下间距，左间距&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;3．margin&lt;span style=&quot;font-family: 宋体;&quot;&gt;：&lt;/span&gt;0px auto&lt;span style=&quot;font-family: 宋体;&quot;&gt;：表示上下边距为&lt;/span&gt;0px&lt;span style=&quot;font-family: 宋体;&quot;&gt;，左右边距为自动，即水平居中，其他两个属性一样。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span class=&quot;ans-img-wrap&quot; id=&quot;ext-gen1047&quot; style=&quot;padding: 0px; border: none; max-width: 100%; text-indent: 0px;&quot;&gt;&lt;img src=&quot;http://p.ananas.chaoxing.com/star3/origin/77b34a0b5aeacb6920623edd032ab207.png&quot; width=&quot;640&quot; height=&quot;311&quot; title=&quot;4-3.png&quot; id=&quot;ext-gen1048&quot; style=&quot;border: none; padding: 0px; max-width: 100%;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;图&lt;/span&gt;4-3&amp;nbsp;&lt;span style=&quot;font-family: 宋体;&quot;&gt;盒子模型的&lt;/span&gt;margin&lt;span style=&quot;font-family: 宋体;&quot;&gt;，&lt;/span&gt;padding&lt;span style=&quot;font-family: 宋体;&quot;&gt;单个属性设置&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;4．margin&lt;span style=&quot;font-family: 宋体;&quot;&gt;：&lt;/span&gt;100px&lt;span style=&quot;font-family: 宋体;&quot;&gt;；即上下左右的边距均为&lt;/span&gt;100px&lt;span style=&quot;font-family: 宋体;&quot;&gt;。其他两个属性设置方式一样。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;margin&lt;span style=&quot;font-family: 宋体;&quot;&gt;属性值可以有一到四个值。&lt;/span&gt;&lt;span style=&quot;font-family: 宋体; color: #111111;&quot;&gt;其基本语法格式如下：&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; width=&quot;563&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;451&quot; valign=&quot;top&quot; style=&quot;line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;.divmargin{&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; margin:25px 50px 75px 100px; /*&lt;span style=&quot;font-family: 宋体;&quot;&gt;外边距：上右下左&lt;/span&gt;*/&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; /*&lt;span style=&quot;font-family: 宋体;&quot;&gt;上边距为&lt;/span&gt;25px&amp;nbsp;&lt;span style=&quot;font-family: 宋体;&quot;&gt;左右边距为&lt;/span&gt;50px&amp;nbsp;&lt;span style=&quot;font-family: 宋体;&quot;&gt;下边距为&lt;/span&gt;75px*/&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 48px;&quot;&gt;margin:25px 50px &amp;nbsp;75px;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; margin:25px 50px; /*&lt;span style=&quot;font-family: 宋体;&quot;&gt;上下边距为&lt;/span&gt;25px&amp;nbsp;&lt;span style=&quot;font-family: 宋体;&quot;&gt;左右边距为&lt;/span&gt;50px*/&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; margin:25px; /*&lt;span style=&quot;font-family: 宋体;&quot;&gt;所有的&lt;/span&gt;4&lt;span style=&quot;font-family: 宋体;&quot;&gt;个边距都是&lt;/span&gt;25px*/&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;}&lt;/p&gt;&amp;nbsp;&lt;br/&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;</description><pubDate>Wed, 02 Nov 2022 12:00:10 +0800</pubDate></item><item><title>CSS3新增的字体与颜色的设置</title><link>http://www.ddw7.com/post/150.html</link><description>&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-size: 12px; font-family: 宋体;&quot;&gt;&lt;br/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-size: 12px; font-family: 宋体;&quot;&gt;&lt;img src=&quot;http://www.ddw7.com/zb_users/upload/2022/11/202211021667361157641739.png&quot; title=&quot;QQ图片20220509195816.png&quot; alt=&quot;QQ图片20220509195816.png&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-size: 12px; font-family: 宋体;&quot;&gt;表3-12 CSS3新增的字体与颜色的属性&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; width=&quot;465&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;115&quot; valign=&quot;top&quot; style=&quot;border-color: white windowtext windowtext white; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;属性&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;350&quot; valign=&quot;top&quot; style=&quot;border-top-color: white; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;简&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;介&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width=&quot;115&quot; valign=&quot;top&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;text-overflow&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;350&quot; valign=&quot;top&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;设置或检索是否使用一个省略标签&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;(…)&lt;/span&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;标示对象内文本的溢出&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width=&quot;115&quot; valign=&quot;top&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;text-align&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;350&quot; valign=&quot;top&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;设置或检索对象中文本的对齐方式&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width=&quot;115&quot; valign=&quot;top&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;text-transform&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;350&quot; valign=&quot;top&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;设置或检索对象中文本的大小写&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width=&quot;115&quot; valign=&quot;top&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;text-decoration&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;350&quot; valign=&quot;top&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;复合属性。检索或设置对象中的文本的装饰，如下划线、闪烁等&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width=&quot;115&quot; valign=&quot;top&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;text-decoration-line&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;350&quot; valign=&quot;top&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;检索或设置对象中的文本装饰线条的位置&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width=&quot;115&quot; valign=&quot;top&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;text-decoration-color&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;350&quot; valign=&quot;top&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;检索或设置对象中的文本装饰线条的颜色&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width=&quot;115&quot; valign=&quot;top&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;text-decoration-style&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;350&quot; valign=&quot;top&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;检索或设置对象中的文本装饰线条的形状&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width=&quot;115&quot; valign=&quot;top&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left-color: white; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;text-shadow&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;350&quot; valign=&quot;top&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;设置或检索对象中文本的文字是否有阴影及模糊效果&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width=&quot;115&quot; valign=&quot;top&quot; style=&quot;border-top: none; border-right-color: windowtext; border-bottom-color: white; border-left-color: white; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: Arial, sans-serif;&quot;&gt;text-fill-color&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;td width=&quot;350&quot; valign=&quot;top&quot; style=&quot;border-top: none; border-right-color: white; border-bottom-color: white; border-left: none; line-height: 22px; padding: 2px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 20px;&quot;&gt;&lt;span style=&quot;font-size: 10px; font-family: 宋体;&quot;&gt;设置或检索对象中的文字填充颜色&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;1.&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;溢出文本属性&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;text-overflow&lt;/span&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;用于设定内容溢出状态下的文本处理方式。属性值：&lt;/span&gt;&lt;/p&gt;&lt;ul class=&quot; list-paddingleft-2&quot; style=&quot;white-space: normal; padding: 0px 0px 0px 20px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;li&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;clip:&lt;/span&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;默认值，当对象内文本溢出时不显示省略标记(…),而是将溢出的部分裁切掉。&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;ellipsis:&lt;/span&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;当对象内文本溢出时显示省略标记(…)。&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;该属性需要和over-flow:hidden属性(超出处理)还是white-space:nowrap(禁止换行)配合使用，否则无法看到效果。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;下列案例3-8所示，通过设置text-overflow显示文本溢出时的效果。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;例3-8&amp;nbsp;example08.html&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;462&quot; valign=&quot;top&quot; style=&quot;border-color: rgb(221, 217, 195); line-height: 22px; padding: 8px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;!DOCTYPE &amp;nbsp;html&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;meta &amp;nbsp;charset=&amp;quot;UTF-8&amp;quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;style&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;div.test&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;{&amp;nbsp; font-size:40px ;white-space:nowrap;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 36px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;width:12em; &amp;nbsp;overflow:hidden; border:1px solid #000000;&amp;nbsp;&amp;nbsp; &amp;nbsp;}&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;/style&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 6px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;p&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 6px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;下面两个 div 包含无法在框中容纳的长文本。正如您所见，文本被修剪了。&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;p&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;这个 &amp;nbsp;div 使用 &amp;quot;text-overflow:ellipsis&amp;quot; ：&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;div style=&amp;quot;text-overflow:ellipsis;&amp;quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 54px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;This is some long text &amp;nbsp;that will not fit in the box&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;p&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;这个 &amp;nbsp;div 使用 &amp;quot;text-overflow:clip&amp;quot;：&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;div style=&amp;quot;text-overflow:clip;&amp;quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 42px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;This is some long text &amp;nbsp;that will not fit in the box&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;运行例3-8，效果如图3-10所示。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span class=&quot;ans-img-wrap&quot; id=&quot;ext-gen1053&quot; style=&quot;padding: 0px; border: none; max-width: 100%; text-indent: 0px;&quot;&gt;&lt;img src=&quot;http://p.ananas.chaoxing.com/star3/origin/cce7ae09c8b8917711983dcb9f03228c.png&quot; width=&quot;640&quot; height=&quot;239&quot; title=&quot;3-10.png&quot; id=&quot;ext-gen1054&quot; style=&quot;border: none; padding: 0px; max-width: 100%;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;图3-10 对文本溢出时，设置不同值显示的效果图&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;2.&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 宋体; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;文本阴影属性&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 35px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;text-shadow&lt;/span&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;作用：设定文本的阴影的效果。语法：&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;448&quot; valign=&quot;top&quot; style=&quot;border-color: white; line-height: 22px; padding: 8px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;&quot;&gt;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;text-shadow: h-shadow &amp;nbsp;v-shadow blur color;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;属性值：&lt;/span&gt;&lt;/p&gt;&lt;ul class=&quot; list-paddingleft-2&quot; style=&quot;white-space: normal; padding: 0px 0px 0px 20px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;li&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;none:&lt;/span&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;默认值&amp;nbsp; 无阴影。&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;h-shadow:&lt;/span&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;用来设置对象的阴影水平偏移值。可以为负值。&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;v-shadow:&lt;/span&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;用来设置对象的阴影垂直偏移值。可以为负值。&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;blur:&lt;/span&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;用来设置对象的阴影模糊值。不允许负值&amp;nbsp; 0：不模糊，10px:模糊度10像素。&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;color:&lt;/span&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;设置对象的阴影的颜色。&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;下列案例3-9所示，通过text-shadow设置文字阴影。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; text-align: center; text-indent: 28px;&quot;&gt;&amp;nbsp;例3-9&amp;nbsp;example09.html&lt;/span&gt;&lt;/p&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr class=&quot;firstRow&quot;&gt;&lt;td width=&quot;459&quot; valign=&quot;top&quot; style=&quot;border-color: rgb(221, 217, 195); line-height: 22px; padding: 8px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;&quot;&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;!DOCTYPE &amp;nbsp;html&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;meta charset=&amp;quot;UTF-8&amp;quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;title&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;长沙职院 &amp;nbsp;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;style&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; .box{&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;width:600px; &amp;nbsp;height:300px;font-size: 50px;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 30px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;background-color: beige;margin: 30px auto;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; text-shadow: 4px 4px 0 red;/*&lt;/span&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;文字阴影*/&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 24px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/style&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both; text-indent: 36px;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;nbsp;&amp;lt;div&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;别人笑我太疯癫 ，我笑他人看不穿。~~~~&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;p style=&quot;overflow-wrap: break-word; clear: both;&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/p&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体;&quot;&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; font-size: 14px;&quot;&gt;运行3-9，效果如图3-11所示。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span class=&quot;ans-img-wrap&quot; id=&quot;ext-gen1055&quot; style=&quot;padding: 0px; border: none; max-width: 100%; text-indent: 0px;&quot;&gt;&lt;img src=&quot;http://p.ananas.chaoxing.com/star3/origin/e749f7a5052731a79c8009d46e829beb.png&quot; width=&quot;611&quot; height=&quot;225&quot; title=&quot;3-11.png&quot; id=&quot;ext-gen1056&quot; style=&quot;border: none; padding: 0px; max-width: 100%;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);&quot;&gt;&lt;span style=&quot;font-family: 宋体; text-align: center;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;br/&gt;&lt;/p&gt;&lt;p style=&quot;white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;&quot;&gt;&lt;span style=&quot;font-family: 宋体; font-size: 14px;&quot;&gt;图3-11 文字阴影显示效果&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;</description><pubDate>Wed, 02 Nov 2022 11:32:20 +0800</pubDate></item></channel></rss><!--40.11 ms , 6 query , 2204kb memory , 0 error-->