随笔分类 -  CSS

CSS实现梯形
摘要：本质上就是设置了3个方向的边框border，其中两个方向的border为透明色。 1.横向梯形 <div class="div1"></div> <div class="div2"></div> <style> .div1{ width:100px; height: 0; border-bottom 阅读全文
posted @ 2022-04-25 11:59 寒爵 阅读(990) 评论(0) 推荐(0)
解决图片和文字水平方向居中对齐
摘要：<div class="logo-wrapper"> <img class="logo" src="./img/logo.png" alt="logo"> <span class="title">系统登录</span> </div> <style> .logo-wrapper { text-align: center; } .logo { width: 35px; vertical-align:m 阅读全文
posted @ 2019-09-12 14:42 寒爵 阅读(3887) 评论(0) 推荐(0)
不同浏览器css引入外部字体的方式
摘要：/** * 字体后缀和浏览器有关，如下所示 * .TTF或.OTF，适用于Firefox 3.5、Safari、Opera * .EOT，适用于Internet Explorer 4.0+ * .SVG，适用于Chrome、IPhone * 比如: */ @font-face { font-family: 'MyFont';/*定义字体名称*/ src: url... 阅读全文
posted @ 2019-01-02 14:59 寒爵 阅读(1326) 评论(0) 推荐(0)