六六互联

好烦fake shop/DMCA/Phishing/Fraud/Counterfeit Sales/Fake Webshop/cloudflare？我们忽略

Sun, 05 Nov 2023 13:23:22 +0800

做外贸独立网站经常碰到这些邮件投诉：

fake shop/DMCA/Phishing/Fraud/Counterfeit Sales/Fake Webshop/cloudflare

然后服务器就关闭了。

联系我们，用我们的服务器，我们帮你统统忽略了。

安心做外贸。

從外觀還是內部性能方面，都特別適合夏天佩戴的帝舵皇家繫列

Fri, 02 Jun 2023 17:00:33 +0800

大多數人買錶都是先看顏值、性能、品質和價格，基於這幾點，帝舵皇家繫列還是比較適合的。帝舵與勞力士是一脈相承，逐漸在制錶界也拓展了自己的一方天地；而帝舵皇家繫列每一種材質和配色都呈現出不同的風格，併加入符合當代潮流的元素，展現出卓越性能與精美外形的完美融合。總的來說，帝舵皇家繫列不僅是品牌在運動錶領域的全新突破，更是對歴史傳承的延續；因此這只帝舵皇家繫列腕錶，無論是上班應酬還是休閑逛街都可以佩戴。

品牌為了滿足年輕人的需求，新款的皇家繫列，兼具運動氣息和時髦風，併且兩者融合在一起也相當和諧，這個繫列也會有一種出眾的精美感。不得不說，還得是帝舵，作為一只通勤錶，百搭又有個性，而且誠意感滿滿。

錶殼是由磨光及磨砂鋼材質打造而成，38毫米的錶徑，對於腕圍較細的女士佩戴，也不會太有壓力。

錶殼的外圈還裝飾了坑紋設計，切割坑紋與磨光飾面相間隔，輕鬆滿足了年輕人想要的現代時尚風格。

這只太陽紋鮭粉色錶盤，也可以叫“三文魚”錶盤，看起來溫暖又復古。鮭魚粉的顏色飽和度併不高，像是在裏面摻入了點灰調，因此得以呈現出較為柔和的視覺效果，這個顏色也不是我們熟悉的那種艷粉，少了份甜膩質感，多了份成熟穩重。

除了錶盤顏色，盤面上立體的羅馬數字時標，還搭配了八顆鑲鉆鐘點標記，營造出一種低調的奢華感。除此之外，3點位置還開設了日歴顯示窗口，很好的利用了盤面的空間位置。這只錶上手也特別顯皮膚白，可以作為一只日常通勤的百搭款，經典又耐看，時尚且不失優雅氣質。

翻到側面，可以看到精鋼旋入式上鏈錶冠，凹槽設計易於佩戴者抓握，方便調時；同時還飾以帝舵標誌性的盾牌設計，不僅增加了品牌的識別性，還有滿滿的精致感。

316L鋼一體式錶帶，5排鏈節，外側及中間鏈節經過磨砂處理，間隔鏈節也經過精細磨光。

在密封的錶背裏面，這只錶內部搭載的是T601型自動上鏈機械機芯，上滿鏈可以提供38小時，如果日常都佩戴這只錶的話，基本上每天都需要上鏈，這樣才能保證不會出現誤差。不過，這只高顏值腕錶的防水深度是100米，夏天去海邊遊玩也可以戴它，亮眼吸睛。

帝舵的皇家繫列，除了這只38毫米的鮭粉色錶盤，還有28毫米、34毫米和41毫米多種款式可以選擇，能在時標方面的設計進行區分：有的錶款是立體羅馬數字版本、有些錶款是立體數字搭配鉆石時標版本。

這只錶整體來說，不論是從外觀還是內部性能方面，都特別適合夏天佩戴。雖然它的外觀看起來會讓人覺得它是一只女錶；但在小編看來，這只錶無論是直徑大小還是外觀設計，是一只男女都適合的錶款。最後，這只錶是在今年3月份日內瓦’鐘錶與奇跡’錶展上發佈的，官方售價是23600人民幣。如果有喜歡這只錶的錶友，不妨可以去線下實體店裏親身去體驗它的美。

買頂級手錶上www.top-biao.com：高仿手錶複刻手錶精仿手錶高仿錶複刻錶精仿錶

歐米茄三款海馬繫列Aqua Terra世界時腕錶新品應運而生

Fri, 02 Jun 2023 16:46:43 +0800

為了精准掌握世界各個時區的時間，世界時腕錶應運而生。2017年，歐米茄海馬繫列Aqua Terra世界時腕錶一經問世，便憑借其獨特設計和精湛工藝備受腕錶愛好者的青睞。對於環球旅行者和腕錶收藏家而言，海馬繫列Aqua Terra世界時腕錶已成為其理想的腕間之選。

2023年，歐米茄海馬繫列Aqua Terra世界時腕錶再添新作，推出三款全新時計臻品，包含一枚鈦金屬款和兩枚精鋼款。其中，鈦金屬錶款的獨特錶盤以激光燒蝕技術雕刻而成。

三款海馬繫列Aqua Terra世界時腕錶均搭配陶瓷錶圈，不易磨損。錶盤中央的內錶盤在5級鈦金屬上呈現出從北極俯瞰地球的精致圖案，併採用激光燒蝕技術雕刻而成。內錶盤與錶鏡均為拱形設計，以此模擬呈現出地球的弧度。內錶盤的外側設有有機玻璃制成的24小時刻度環，淺色刻度區指示白天，深色刻度區則指示夜晚。

錶盤周圍環繞有世界各地24個城市的名字，分別代錶不同的時區，歐米茄總部所在地瑞士比爾 (BIENNE) 亦是其中之一。格林威治標准時間，即世界標准時 (UTC) 所在城市的倫敦以紅色標註，精鋼款錶盤的其他城市飾以金色。

歐米茄總裁兼首席執行官安世文 (Raynald Aeschlimann) 錶示，海馬繫列Aqua Terra世界時的新款腕錶是歐米茄的創新之舉。“我們對於歐米茄的先鋒精神深感自豪，這次新品的推出再次彰顯了歐米茄勇敢前行，探索世界的先鋒精神! 錶盤的設計堪稱為藝術之作，令人嘆為觀止。更重要的是，這些令人驚艷的錶盤背後承載著歐米茄精湛的制錶工藝和卓越的制錶技術。Aqua Terra世界時腕錶非常精美，無論是佩戴還是操作，都趣味十足，是值得收藏的時計臻品。”

海馬繫列Aqua Terra世界時腕錶鈦金屬款

Aqua Terra世界時腕錶的錶殼為43毫米，其中一款採用輕巧且耐腐蝕的2級鈦金屬打造而成，堪稱重磅之作。歐米茄採用激光技術打造出整個黑灰色錶盤，包括其呈現的色彩、小時刻度以及城市名字等。錶盤沒有採用任何轉印元素，“LONDON”字樣的紅色漆面則由手工工藝制成。為了呼應啞光錶盤，這款腕錶搭配經拉絲處理的黑色陶瓷錶圈，指針和小時刻度均經黑化處理，併覆以白色Super-LumiNova夜光塗層，在黑暗環境中散發藍色的光芒。腕錶搭配一體式黑色橡膠錶帶，飾有灰色縫線，錶扣採用2級鈦金屬制成，令腕錶的整體風格大膽前衛且兼具運動風尚。

海馬繫列Aqua Terra世界時腕錶精鋼款

另外兩枚精鋼款腕錶，更適合喜歡經典風格的環球旅行者。一枚配有精鋼錶鏈及蝴蝶錶扣，另一枚則配有灰色縫線的綠色橡膠錶帶和摺疊式錶扣。43毫米錶殼採用精鋼材質打造而成，搭配綠色拋光陶瓷錶圈。綠色PVD錶盤呈現出太陽射線的打磨效果，指針和小時刻度採用Moonshine 18K金制成，綠金的配色讓錶盤熠熠生輝。

至臻天文臺機芯

三款海馬繫列Aqua Terra世界時腕錶的防水深度為150米，內部均搭載8938同軸至臻天文臺機芯，通過由瑞士聯邦計量研究院 (METAS) 核准的至臻天文臺認證，其精准度、防磁性和整體性能均達到行業的更高標准。

買頂級手錶上www.top-biao.com：高仿手錶複刻手錶精仿手錶高仿錶複刻錶精仿錶

“五珠鏈”的加入為帝舵碧灣帶來了更多的精致與豪華

Fri, 02 Jun 2023 16:32:56 +0800

今年帝舵碧灣在外觀上的升級之處主要錶現為更換不銹鋼五鏈節錶帶，這種造型的錶帶又被稱為“五銖鏈”，特點在於採用拋光和拉絲兩種打磨工藝，能較好地呈現金屬材質之美。以往“五銖鏈”多搭配正裝風格錶款，如今加入碧灣繫列，為其增添更多的精致感和豪華感。

帝舵碧灣有著眾多產品型號，可進一步分為碧灣（潛水錶）、碧灣型31/36/39/41、專業型、計時型、1958型、青銅型以及P01和GMT等子繫列，均體現出濃厚的運動風格。如今新增的五珠鏈率先裝配於碧灣（潛水錶）和碧灣型31/36/39/41和兩大繫列。

“小紅盾”是碧灣（潛水錶）極具代錶性的作品，紅色錶圈在眾多以冷色繫為主的潛水錶中擁有較高辨識度。2023新款“小紅盾”提供了3種錶帶選擇，除新增的五銖鏈，繫列還保留經典的三鏈節錶帶和柔軟貼合的黑色橡膠錶帶。

帝舵碧灣設計深受1950年代品牌首款潛水錶Ref.7922的啟發。作為世界上最早一批潛水錶，Ref.7922的防水等級達到了100米，處於同時期前列。早期的帝舵錶與勞力士的近似度遠高於今天，在Ref.7922上我們可以看到“奔馳針”等設計語言。直到1969年“雪花針”的推出強化了帝舵錶品牌特色，進一步與勞力士擴大差異。

“雪花針”菱角分明，運動氣息十足。它可容納更大的夜光物料面積，帶來清晰的夜光顯示效果。如今，雪花針已成為帝舵錶最具辨識度的設計之一。在新款中，秒針夜光區域由前代的菱形變更為圓形。

錶帶配備快速調節繫統，品牌將其命名為“T-fit”。該繫統可讓佩戴者不借助工具的情況下增加錶帶長度，最大在原基礎上延長8毫米。其實除了用於延長，更重要的功能還在於細分長度。如佩戴者的最佳腕周剛好介於某段錶節之中，此時使用“T-fit”繫統的5極調節檔位，就能進行精細調校。

機芯方面，新款小紅盾搭載MT5602-U機芯，是MT5602機芯通過瑞士聯邦計量科學研究院（METAS）大師天文臺精密時計認證的版本。這一認證標准較瑞士官方天文臺認證（COSC）更嚴苛，要求腕錶的每日平均走時誤差不得超過5秒，且需要在15,000高斯的磁場環境下保持走時精確。

另一款使用五銖鏈的繫列為碧灣型31/36/39/41。作為繫列的基本款，碧灣型31/36/39/41採用大三針設計、搭配固定外圈（光圈），無日歴顯示、計時等復雜功能。該繫列的特點在於錶徑豐富，最大程度滿足了不同體型、不同性別錶友的佩戴需求。

碧灣型不同錶徑搭載的機芯也不相同，目前帝舵原廠機芯共有MT56、MT54、MT52三大類別，分別對應“大、中、小”尺寸。其中碧灣型31毫米款搭載的是MT5201型機芯，專為小尺寸腕錶研發。受制於體積，它的動儲僅為50小時。

36毫米款使用的MT5400機芯直徑30.3毫米，可提供70小時動儲。39和41毫米款分別搭載MT5602和MT5601機芯，同樣具有70小時動儲。無論何種版本，帝舵MT原廠機芯的共同之處在於採用橫夾闆固定的方式，併配備非磁性矽遊絲，振頻28,800次/每小時（4赫茲），且全繫通過瑞士官方天文臺（COSC）認證。

“五珠鏈”的加入為帝舵碧灣帶來了更多的精致與豪華，尤其是對於碧灣型31/36/39/41，新款錶帶不僅適宜運動穿搭，更能勝任休閑、甚至正裝等多種佩戴場景。另一款人氣繫列“小紅盾”同樣如此，它更在原有COSC認證的基礎上，通過了瑞士聯邦計量科學研究院（METAS）大師天文臺精密時計認證，外在與內在均得到了提升。

買頂級手錶上www.top-biao.com：高仿手錶複刻手錶精仿手錶高仿錶複刻錶精仿錶

勞力士公價17萬的新一代“正裝錶”，是否能更進一步拉高勞力士的檔次？

Fri, 02 Jun 2023 15:59:21 +0800

迪通拿、水鬼，一嚮是最受玩家關註的勞力士。而在今年的“鐘錶與奇跡”2023日內瓦錶展上，勞力士推出了一個小眾且重量級的全新正裝繫列，恆動1908。

恆動1908包括，黃金殼，公價172000；白金殼，公價181900。我將為各位詳細描述恆動1908的各種細節，併且，再看一看恆動1908對於勞力士的重要影響，下面開始。

1.勞力士的標准正裝錶，切利尼的替代者。

勞力士新款恆動1908是切利尼的替代者，我們可以看到，在勞力士官網上，切利尼已經下架。作為勞力士中，非常小眾的正裝錶繫列，切利尼為什麽會被替代？因為切利尼在設計、機芯上，存在局限，因此勞力士要推出一個全新的正裝錶繫列，這就是恆動1908，比切利尼厚度更薄、性能更好、發展空間更大。

勞力士恆動1908，是一只標准的正裝錶。按照名錶中最傳統的正裝錶定義，正裝錶厚度要薄，甚至不能有日歴、不能有夜光。恆動1908，完全符合。而像勞力士日誌型、星期日歴這樣的手錶，實際上已經偏嚮於運動化了。

恆動1908，是勞力士中非常罕見的，追求薄的手錶。尺寸39毫米，厚9.5毫米。9.5毫米的厚度，已經和百達翡麗5227（9.24毫米）、積家超薄大師月相（9.3毫米），處於同一厚度水平。相比之前的切利尼大三針的12毫米，恆動1908已經大幅減薄。

相比於運動錶，正裝錶的外觀，容易缺少識別度。恆動1908，在錶殼外圈，使用了勞力士標誌性的“狗牙圈”，雖然比日誌型、星期日歴的狗牙，更窄更細密，但對於一只正裝錶來說，大幅提升了識別度。同樣的，像百達翡麗新款6119，也在錶圈上鋪滿巴黎飾釘，以提升識別度和豪華感，對正裝錶來說，很有效果。在錶殼方面，恆動1908也使用了最標准的正裝錶處理方式，錶殼全部拋光。

恆動1908，有白盤、黑盤，兩種盤面。手錶盤面走的是復古風格，帶有上世紀50年代，勞力士正裝錶6512的一些痕跡。小三針佈局，由於沒有日歴，恆動1908的錶盤，平衡和諧。手錶時針，使用寶璣指針。使用立體條形時標加12、3、9數字時標。在盤面外圈，是軌道刻度。恆動1908的小秒盤，同樣是軌道刻度，環繞在小秒盤上半部分的Superlative Chronometer超級天文臺認證字樣，還原了古董勞力士6512的樣式。而小秒盤下方的“小皇冠”，意味著這是一只使用“新一代”機芯的勞力士。

2.兼顧纖薄和性能，勞力士新型7140自動機芯。

勞力士恆動1908，為了達到9.5毫米的厚度，勞力士以往的機芯，都無法滿足厚度要求，因此勞力士專門為恆動1908研發了新型7140自動機芯。7140機芯厚度4.05毫米，而勞力士3135/3235機芯為6毫米厚。

各位都知道，勞力士的所有手錶，都要達到“超級天文臺認證”每天誤差+2/-2秒標准。以往勞力士31機芯、32機芯沒有什麽厚度要求，利於達到超級天文臺標准。現在新款恆動1908，既要纖薄，又要超級天文臺，因此7140自動機芯，集中了勞力士當前所有“最新技術成果”，以達到兼顧兩者的要求。

勞力士7140自動機芯，使用中心四輪佈局，四輪位於機芯中央位置。四輪，通常作為秒輪使用，直接安裝秒針，但恆動1908是一只小三針錶，秒針位於6點位。怎麽回事？7140機芯使用了一個過輪，和中央四輪相連，通過過輪過渡，小秒針就可以佈局在6點位了。自動陀旁邊，通過鏤空夾闆，暴露在外面的，就是過輪。過輪有上下兩層，上層和中央四輪相連，下層和6點位的秒輪相連。為了保證這一套額外增加的齒輪傳動，有穩定的扭力，6點位的秒輪，使用“彈性齒牙”，減少傳動中的扭力下降。“彈性齒牙”這一技術，在勞力士迪通拿4130機芯、百達翡麗26-330機芯上，也有使用。

勞力士7140機芯，另一大關鍵技術，是使用了勞力士Syloxi矽遊絲。有玩家會說，勞力士有藍鈮遊絲，為啥要在7140機芯上，使用Syloxi矽遊絲？這是因為，勞力士在31/32機芯上，使用藍鈮遊絲，遊絲末端上繞，做一個挑高的末端曲線，增強遊絲的運行時重心的穩定。但恆動1908是一只追求薄的錶，遊絲末端上繞，會增加機芯厚度，因此勞力士Syloxi矽遊絲出馬了。

勞力士Syloxi矽遊絲，2014年推出，光刻一體成形，外觀特點是遊絲兩端，有兩個“圓孔”。Syloxi矽遊絲用這兩個孔，固定在擺輪夾闆上。這樣，就保證了Syloxi矽遊絲有最理想的水平、對稱的造型。勞力士方面錶示，Syloxi矽遊絲“專利幾何結構，使機芯在任何位置都可保持規律運行”，加上矽遊絲不會受磁，防磁能力強大，以此提升7140機芯的走時性能，在保持纖薄的同時，達到勞力士超級天文臺+2/-2標准。目前，Syloxi矽遊絲主要使用在恆動1908、勞力士女錶，這類機芯薄或者機芯小的型號上，以保證他們的走時精度。

除此以外，勞力士在7140機芯上，也使用了和32機芯一樣的Chronergy鏤空擒縱，提升機芯運行效率（比常規杠桿擒縱，效率提升15%）。7140機芯，擺頻28800次/時，動力66小時。

勞力士恆動1908透底，可以看到7140機芯。之前勞力士在切利尼王子型上，也透過底，加上今年鉑金冰藍迪透底，勞力士透底也不稀奇了。7140機芯使用18K全金自動陀，自動陀鏤空併有拉絲處理。機芯上層夾闆有日內瓦條紋裝飾，下層夾闆有珍珠紋裝飾，夾闆邊緣倒角，寶石軸承孔位鍍金，機芯看得見、看不見的地方，都有打磨。發條盒、上條輪繫可見，發條上有放射紋裝飾。機芯裝飾水平很高，和正裝風格也很匹配。

勞力士的定位，或許會進一步提升。

在這次2023日內瓦錶展上，勞力士集團一繫列舉動，給外界釋放了信號。有觀點認為，勞力士集團今年在帝舵上，開始普及MASTER CHRONOMETER，即歐米茄的“至臻天文臺認證”，至此帝舵獲得了和歐米茄一樣的15000高斯防磁，0/+5秒走時標准。勞力士意圖提升帝舵，用帝舵對抗歐米茄。

而在勞力士方面，推出恆動1908，通過新型7140自動機芯，勞力士獲得了更纖薄、精美且性能出眾的新機芯。讓勞力士打通了從“豪華堅固耐用”嚮“工藝級別”上升的通道。勞力士或試圖進一步提升定位。

買頂級手錶上www.top-biao.com：高仿手錶複刻手錶精仿手錶高仿錶複刻錶精仿錶

無法拒絕的勞力士星期日歴型，華麗迷人的盤面

Fri, 02 Jun 2023 12:08:14 +0800

勞力士的熱度一直都是穩居第一的寶座；論壇裏的打卡作業也可謂是“如火如荼”，借用錶友的一句話“沒有一勞永逸，只有多勞多得”。勞力士的魅力不用多說，一直都自帶流量；對於多數人來說，能擁有一塊勞力士很好，能擁有一塊星期日歴型最好，而隨著年齡的增長，大家對DD的喜愛一定會愈發強烈。這篇文章主要和大家一同感受一下，勞力士在3月份日內瓦錶展期間推出的星期日歴型，配色不僅令人眼前一亮，功能上也是相當“抗打”.

這只錶是勞力士星期日歴型36新款之一，36毫米的蠔式錶殼，戴在腕間一點也不會大，中層錶殼以整塊18k永恆玫瑰金鑄造而成，保證腕錶能有出色的耐用和磨光度，即使佩戴年限變長，腕錶也依然能呈現出光澤感。

錶圈上鑲嵌了52顆圓形鉆石，因為鉆圈的加持，在外觀設計上，也更加的華麗。

這只令人無法忽視的盤面，是綠色的砂金石盤，仔細看，更像是翡翠綠的色調，要比普通的綠色錶盤視覺看上去更加優雅，更覆有層次感。

新品的盤面設計部分也更加出色，18k玫瑰金制成的時標，同樣也鑲有鉆石；盤面3點鐘位置設有勞典型的小窗凸透鏡，具有放大日歴的效果，方便佩戴者讀取日歴，12點位設有星期顯示窗。

錶殼側面設有勞力士標誌的旋入式錶冠，錶冠頂部鐫刻有品牌標誌性王冠標識。這種旋入式錶冠具備雙鎖扣雙重防水繫統，牢固旋緊於錶殼，使腕錶的防水性能達到100米。

新款星期日歴型 36 搭配的是三格實心鏈節元首型錶帶，錶帶配備優雅的隱蔽式摺疊皇冠帶扣，錶帶內嵌勞力士設計併獲得專利的陶質組件，佩戴起來也更柔韌耐用。

將腕錶翻轉過來，旋入式底蓋上有綠色印章，這是超卓天文臺精密時計的象徵，每只勞力士腕錶均附上此印章，併附有全球五年保用保證。

腕錶內部搭載勞力士3255型機芯，提供70小時的動力儲備。勞力士超卓天文臺精密時計的平均誤差為每日正負兩秒以內，勞力士所追求的精准度遠高於瑞士官方天文臺認證精密時計的標准；防水深度100米，同時勞力士的防水蠔式錶殼也給予了機芯最佳防護。

總結：都說喜歡勞力士的錶友，最後都繞不開一塊DD，女性也是一樣。

買頂級手錶上www.top-biao.com：高仿手錶複刻手錶精仿手錶高仿錶複刻錶精仿錶

导航和导航条组件制作响应式导航条

Wed, 28 Dec 2022 15:11:03 +0800

导航和导航条组件制作响应式导航条

导航

导航（Nav）是网站最重要的组成部分，可以便于用户查找网站所提供的各项功能服

Bootstrap中导航组件都依赖一个.nav类，状态也是公共的

常见的导航类型

选项卡导航（nav-tabs）

胶囊式选项卡导航（nav-pills）

自适应导航（nav-justified）

二级导航

导航条

导航和导航条是一样的吗？

导航条是网站中作为导航页头的响应式基础组件。他们在移动设备上可以折叠（并且可开可关），会随着浏览器宽度增加而逐渐变为水平展开模式

常见的导航条应用

基础条航条

导航条中的表单

导航条中的按钮、文本、链接

顶部固定或底部固定

响应式导航条

输入框和小图标组件制作搜索框

Wed, 28 Dec 2022 15:09:42 +0800

输入框和小图标组件制作搜索框

输入框组件是通过在文本输入框input前面、后面或是两边加上文字或按钮

其实有的时候，我们需要将文本输入框（Input group）和文字或者小icon组合在一起使用（称之addon）

使用输入框须知

请避免在select元素上使用该功能，因为Webkit浏览器不完全支持input-group组件的特性

不要直接将.input-group和.form-group混合使用，因为.input-group是一个独立的组件

不要将表单组件或栅格列类直接和输入框混合使用，而是将输入框组件嵌套到表单组件或栅格相关元素的内部

边框基本属性及类型

Wed, 02 Nov 2022 11:51:55 +0800

边框基本属性及类型，主要包括如表3-13所示几种情况。

表3-13 边框基本属性

属性	简介
border-color	设置四条边框的颜色。
border-image	设置或检索对象的边框使用图像来填充
border-image-source	设置或检索对象的边框是否用图像定义样式或图像来源路径
border-image-slice	设置或检索对象的边框背景图的分割方式
border-image-width	设置或检索对象的边框厚度
border-image-outset	设置或检索对象的边框背景图的扩展
border-image-repeat	设置或检索对象的边框图像的平铺方式
border-radius	设置或检索对象使用圆角边框
border-top-left-radius	设置或检索对象左上角圆角边框
border-top-right-radius	设置或检索对象右上角圆角边框
border-bottom-right-radius	设置或检索对象右下角圆角边框
border-bottom-left-radius	设置或检索对象左下角圆角边框
box-shadow	设置和检索对象阴影

1.边框颜色

border-color 属性设置四条边框的颜色。此属性可设置 1 到 4 种颜色。border-color属性是一个简写属性，可设置一个元素的所有边框中可见部分的颜色，或者为 4 个边分别设置不同的颜色。

下列案例3-10所示，通过border-color设置边框颜色。

例3-10 example10.html

<!DOCTYPE html>

<html>

<head>

p.one

{ border-style: solid;border-color: #0000f }

p.two{border-style: solid;border-color: #ff0000 #0000ff}

p.three{border-style: solid;border-color: #ff0000 #00ff00 #0000ff }

p.four{border-style: solid;

border-color: #ff0000 #00ff00 #0000ff rgb(250,0,255) }

</style>

</head>

<body>

<p>One-colored border!</p>

<p>Two-colored border!</p>

<p>Three-colored border!</p>

<p>Four-colored border!</p>

<p><b>注释：</b>"border-width" 属性如果单独使用的话是不会起作用的。请首先使用 "border-style" 属性来设置边框。</p>

</body>

</html>

运行3-10，效果如图3-12所示。

图3-12 border-color设置边框的颜色

2.边框图片属性

border-image是CSS3中新增的边框属性，使边框具备图片属性，border-image 属性是一个简写属性，用于设置以下属性：

border-image-source ：用在边框的图片的路径。

border-image-slice ：设置或检索对象的边框背景图的分割方式。该属性指定从上，右，下，左方位来分割图像，将图像分成4个角，4条边和中间区域共9份，中间区域始终是透明的（即没图像填充），除非加上关键字fill。

border-image-width ：图片边框的宽度，该属性用于指定使用多厚的边框来承载被裁剪后的图像。

border-image-outset ：边框图像区域超出边框的量。该属性用于指定边框图像向外扩展所定义的数值，则图像在原本的基础上往外延展10px再显示。

border-image-repeat：图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched)。

下列案例3-11所示，通过border-image设置边框图片属性。

例3-11 example11.html

<!DOCTYPE html>

<html>

<head>

<style>

#div1{

float:left;width:300px;height:300px;

background:url(img/shuaige.jpg) center no-repeat ;

border-image-source:url(img/border.png);/*边框图片属性*/

border-image-width:27px;/*边框图片宽度属性*/

border-image-slice:27 fill;/*设定边框图片背景填充内容部分,会显示第5块切割的内容*/

border-image-outset:0px;/*边框图片扩展属性*/

border-image-repeat:stretch;/*边框图片重复属性*/ }

#div2{float:left;margin: 100px;width:300px;height:300px;

background:url(img/shuaige.jpg) center no-repeat ;

border-image-source:url(img/border.png);

border-image-width:27px; border-image-slice:27;

border-image-outset:50px;/*向外扩展的大小*/

border-image-repeat:repeat; }

</style>

</head>

<body>

</body>

</html>

运行3-11，效果如图3-13所示。

图3-13 border-image设置边框的图片属性

3.圆角边框属性

通过border-radius：设置边框圆角。如下案例3-12所示。

例3-12 example12.html

<!DOCTYPE html>

<html>

<head>

<style>

#div1{ float: left;width:200px; height:100px;border:2px solid red; }

#div2{ margin: 10px; float: left; width:180px;height:80px;

border:2px solid red;padding:10px;

border-radius:20px;/*设定一个值会同时设定四个角的圆角成都*/

/*如果圆角的半径相同，每个值可以只写一个参数,X相当于写2个一样的参数例如 30px/30px 和30px 是等同的*/ }

#div3{float: left;width:200px;height:100px;border:2px solid red;

border-radius:100px/50px }

</style>

</head>

<body>

圆角属性设定方法---普通边框

</div>

<div id="div2">圆角属性设定方法---圆角边框</div>

<div id="div3">圆角属性设定方法---椭圆边框</div>

</body>

</html>

运行3-12，效果如图3-14所示。

图3-14 border-radius设置边框的圆角属性

4. box-shadow

向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表，每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0。

下列案例3-13所示，通过box-shadow设置对象阴影。

例3-13 example13.html

<!DOCTYPE html>

<html>

<head>

img {float: left;box-shadow: 2px 2px 30px #06C;height: 240px;}

/*定义<div>标记的阴影效果样式*/

div {float: left;padding: 5px;margin: 50px;height: 50px;

width: 150px;background-color: #CCC;

-webkit-box-shadow: 2px 2px 20px #06C;

box-shadow: 2px 2px 20px #06C;

}/*定义文本的阴影效果样式*/

p { text-shadow: 10px 10px 20px #06C; }

</style>

</head>

<body>

<p>添加阴影效果</p>

</body>

</html>

运行3-13，效果如图3-15所示。

图3-15 box设置对象的阴影显示效果

CSS 颜色，可以用以下方法来规定 CSS 中的颜色

Wed, 02 Nov 2022 11:32:18 +0800

CSS 颜色，可以用以下方法来规定 CSS 中的颜色：十六进制色、RGB 颜色、RGBA 颜色

1.十六进制颜色

是这样规定的：#RRGGBB，其中的 RR（红色）、GG（绿色）、BB（蓝色）十六进制整数规定了颜色的成分。所有值必须介于 0 与 FF 之间。举例说，#0000ff 值显示为蓝色，这是因为蓝色成分被设置为最高值（ff），而其他成分被设置为 0。

2.RGB 颜色

所有浏览器都支持 RGB 颜色值。RGB 颜色值是这样规定的：rgb(red, green, blue)。每个参数 (red、green 以及 blue) 定义颜色的强度，可以是介于 0 与 255 之间的整数，或者是百分比值（从 0% 到 100%）。

举例说，rgb(0,0,255) 值显示为蓝色，这是因为 blue 参数被设置为最高值（255），而其他被设置为 0。同样地，下面的值定义了相同的颜色：rgb(0,0,255) 和 rgb(0%,0%,100%)。

3.RGBA 颜色

RGBA 颜色值得到以下浏览器的支持：IE9+、Firefox 3+、Chrome、Safari 以及 Opera 10+。

RGBA 颜色值是 RGB 颜色值的扩展，带有一个 alpha 通道 - 它规定了对象的不透明度。

RGBA 颜色值是这样规定的：rgba(red, green, blue, alpha)。alpha 参数是介于 0.0（完全透明）与 1.0（完全不透明）的数字。

下列案例3-7所示，通过RGBA设置背景的不同透明值。

例3-7 example07.html

<!DOCTYPE HTML>

<html>

<head>

/*定义单元样式的外观及文本样式*/

li.rgba {

float: left; width: 100px; height: 80px;

border: #CCC solid 1px;

text-align: center;font-size: 12px;

}

/***********定义背景颜色效果***********开始***/

li.rgba1 { background: rgba(255, 0, 0, 1); }

li.rgba2 { background: rgba(255, 0, 0, 0.8); }

li.rgba4 { background: rgba(255, 0, 0, 0.4); }

li.rgba6 { background: rgba(255, 0, 0, 0); }

/***********定义背景颜色效果***********结束***/

</style>

</head>

<body>

<div>

<p>CSS3的RGBA效果</p>

<li class="rgba rgba1">Alpha参数为1</li>

<li class="rgba rgba2">Alpha参数为0.8</li>

<li class="rgba rgba4">Alpha参数为0.4</li>

<li class="rgba rgba6">Alpha参数为0</li>

</div>

</body>

</html>

运行案例 3-7 ，由于背景虽然背景颜色设置一样，但是背景设置不同，显示的效果如图3-9所示。

图3-9 背景设置不同的透明度显示的效果