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