css主要整理
<style> { position: relative } { width: 67.6923076923077px; height: 230.76923076923077px; background: rgba(255, 255, 255, 1); box-shadow: 0 0 16px rgba(0, 0, 0, 0.07); border-radius: 4px; padding-left: 5px; padding-right: 5px; box-sizing: border-box; text-align: center; position: fixed; right: 15px; bottom: 40%; z-index: 99; cursor: pointer } #home .xf { width: 67.69230769px; height: 230.76923077px; background: rgba(255, 255, 255, 1); -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, .07); box-shadow: 0 0 16px rgba(0, 0, 0, 0.07); border-radius: 4px; padding-left: 5px; padding-right: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; position: fixed; right: 15px; bottom: 40%; z-index: 99; cursor: pointer } #home .xf .wd { height: 33.33%; border-bottom: 1px solid rgba(241, 241, 241, 1); padding-top: 10px } #home .xf .wd:hover .fontC { color: rgba(255, 148, 10, 1) } #home .xf .wd:hover .fontW { color: rgba(255, 148, 10, 1) } #home .xf .wd:hover .big, #home .xf .wd:hover .phone, #home .xf .wd:hover .big1 { display: block } #home .xf .wd .fontC { font-size: 20px; color: rgba(51, 51, 51, 1) } #home .xf .wd .fontW { font-size: 12px; font-family: PingFang SC; font-weight: 300; color: rgba(153, 153, 153, 1); line-height: 19.23076923076923px; margin-top: 3px } #home .xf .big { width: 150px; height: 150px; background: rgba(255, 255, 255, 1); box-shadow: 0 0 16px rgba(0, 0, 0, 0.07); border-radius: 4px; padding-top: 10px; position: absolute; top: 0; right: 75px; display: none } #home .xf .big:after { position: absolute; content: ""; border-top: 10px solid rgba(0, 0, 0, 0); border-right: 10px solid rgba(0, 0, 0, 0); border-bottom: 10px solid rgba(0, 0, 0, 0); border-left: 10px solid rgba(255, 255, 255, 1); right: -20px; top: 20px } #home .xf .big1 { width: 150px; height: 150px; background: rgba(255, 255, 255, 1); box-shadow: 0 0 16px rgba(0, 0, 0, 0.07); border-radius: 4px; padding-top: 7px; position: absolute; top: 70px; right: 75px; display: none } #home .xf .big1:after { position: absolute; content: ""; border-top: 10px solid rgba(0, 0, 0, 0); border-right: 10px solid rgba(0, 0, 0, 0); border-bottom: 10px solid rgba(0, 0, 0, 0); border-left: 10px solid rgba(255, 255, 255, 1); right: -20px; top: 20px } #home .xf .phone { width: 154px; height: 44px; background: rgba(255, 255, 255, 1); box-shadow: 0 0 16px rgba(0, 0, 0, 0.07); border-radius: 4px; position: absolute; bottom: 15px; right: 75px; font-size: 13.846153846153845px; font-family: PingFang SC; font-weight: 300; color: rgba(51, 51, 51, 1); line-height: 44px; display: none } #home .xf .phone:after { position: absolute; content: ""; border-top: 10px solid rgba(0, 0, 0, 0); border-right: 10px solid rgba(0, 0, 0, 0); border-bottom: 10px solid rgba(0, 0, 0, 0); border-left: 10px solid rgba(255, 255, 255, 1); right: -15px; top: 5px } .textRred { color: rgba(255, 0, 0, 1) } h2 { font-family: "MicrosoftYaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.88rem; font-weight: bold; font-stretch: normal; letter-spacing: 3px; color: rgba(48, 75, 125, 1); position: relative; text-align: left; z-index: 1 } h2:after { content: "COMPANY PROFILE"; font-family: Arial, "MicrosoftYaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 3rem; font-weight: 600; font-stretch: normal; letter-spacing: 1.8px; color: rgba(48, 75, 125, 1); opacity: 0.1; position: absolute; left: 0; right: 0; text-align: left; bottom: 0; z-index: -1; top: -24px } .overLine { position: relative; width: 100%; text-align: center; font-size: 20px; font-weight: 500; color: rgba(51, 51, 51, 1); line-height: 15px; margin: 15px 0 } .tui-title-line { width: 35px; height: 29px; vertical-align: middle; margin-right: 8px } .overLine .lines { display: inline-block; padding: 0 30px; font-weight: 600; color: rgba(51, 51, 51, 1) } .overLine:before, .overLine:after { display: inline-block; position: relative; content: ""; height: 2px; width: 66px; top: -5px; background-color: rgba(224, 224, 224, 1); -webkit-transform-origin: 0 0; transform-origin: left top } .line { width: 100%; height: 15px; margin: 5px } .public { width: 80px; height: 100%; display: inline-block; text-align: justify; vertical-align: top } .public::after { content: ""; display: inline-block; width: 100%; overflow: hidden; height: 0 }</style> 小程式
公眾號
電話聯系
021-64027696
我們的服務
1.字體換行對齊 xxxx：剛剛好，看見你幸福的樣子，于是幸福著你的幸福，草在結它的種子，風在搖它的葉子，我們站著，不說話，就十分美好，不管前方的路有多苦，都比站在原地要幸福，小時候，幸福是一件簡單的事，長大后，簡單是一件幸福的事，人總在接近幸福時倍感幸福，卻在幸福進行時患得患失， 2.文字只顯示一行，超出用點表示（需要設定寬度，當父級元素使用flex布局時，需要在display：flex；這邊設定min-width：0；不然ellipsis會失效！！） 文字只顯示一行，超出用點表示，我亦可貪戀煙火，殷實人家，幾間瓦房，四方小院，守著流年，幸福安康，你的人生握不住，就任憑日月星辰擺布，三個最重要的人生命題：我是誰，我從哪來，我要到哪去?參差多型，乃是幸福的本源，幸福不是可以套用的公式，幸福來源于世界的百般變化與包容， 3.文字顯示兩行，超出用點表示， 文字顯示兩行，超出用點表示文字顯示兩行，別讓那些未說口或者來不及說出口的話變成了永遠的遺憾，趁我還愛，趁你還在，對你最后的欺騙，是我最后的尊嚴，因為我知道路的盡頭總有笑容燦爛的你在等我,這讓我勇敢.一個人，一場戲，一輩子， 兩個人，一臺戲，此生唯一，沒有不可治愈的傷痛，沒有不能結束的沉淪，所有失去的，會以另一種方式歸來，你走過的地方，有一樹一樹的花開，你呢喃的梁間，還留著余溫猶存的夢，隔山隔水，隔不斷我對你的情意綿綿;說你說我，說不盡我對你的相思連連!對你最后的欺騙，是我最后的尊嚴， 4.多行文字左右對齊 “輕輕的我走了，正如我輕輕的來，我輕輕的揮手，作別西天的云彩……，眾里尋與他千百度，驀然回首那人卻在燈火闌珊處，空山新雨后，天氣晚來秋”“去年春恨卻來時，落花人獨立，微雨燕雙飛，想帶你去看晴空萬里，想大聲告訴你我為你著迷！黃昏后偷你的肋骨釀酒，百年后醉的有血有肉！我用時光等你，你不來我不老！"浮煙冷雨，追憶殘夢里的一城一池，夢里你一如昔日白衣勝雪，衣袂翩躚，倚劍遙望江山半面，一念繁華一念灰，一念成悅，處處繁華處處錦，一念成執，寸寸相思寸寸灰，一念花開一念花落，這山長水遠的人生，終究要自己走下去，宮燈夜明曇華正盛，共飲逍遙一世悠然，一花一世界，一葉一如來，一砂一極樂，一笑一塵埃， 5.實作單行文字兩端對齊 姓名 : 林小依 身份證 : 610521202005263542 手機號碼 : 18721254215 字體的陰影字體的陰影
影片屬性依次是 ，名稱， 持續時間， 速度曲線， 延遲時間， 影片播放計數， 是否反方向播放影片；例如， 123455 文字居中兩邊帶線 猜你喜歡 字體庫引入@font-face { font-family: HYCSJ; src: url(http://resource.diyibox.com/jd/activity/201904/font/漢儀長宋簡.ttf), }
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/197188.html
標籤：Html/Css
上一篇：CSS主要整理
下一篇：jquery 事件方法大全