随笔分类 -  CSS

摘要:图片展示: <html> <body> <img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" /> </body></html> 1. 通过css3 实现图片旋转 <style>img{ -webkit-transform:rotate(90deg); }/*顺时 阅读全文
posted @ 2017-08-04 17:28 py卡卡 阅读(357) 评论(0) 推荐(0) 编辑
摘要:<style>.file { position: relative; display: inline-block; background: #D0EEFF; border: 1px solid #99D3F5; border-radius: 4px; padding: 4px 12px; overf 阅读全文
posted @ 2017-07-31 17:58 py卡卡 阅读(994) 评论(0) 推荐(0) 编辑
摘要:如果现在能有清理浮动的办法,但不至于在文档中多一个没有用的空标记,这时的效果是最好的!引入:after伪元素选择器,可以在指定的元素的内容添加最后一个子元素 .container:after{ } 如何写入内容呢? >content属性,写入内容 于是 .container:after{ conte 阅读全文
posted @ 2017-02-15 14:24 py卡卡 阅读(878) 评论(0) 推荐(1) 编辑
摘要:将图片一转换成图片二:<label style="color : #fff; float:left;background-color:#5cb85c; border: 3px solid #5cb85c; font-weight:normal; width: auto; max-width:none 阅读全文
posted @ 2017-02-15 11:57 py卡卡 阅读(180) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html> <head> <meta charset="gb2312" /> <title>div滚动条 在线演示 www.divcss5.com</title> <style> .divcss5-a,.divcss5-b{ width:150px; height: 阅读全文
posted @ 2017-02-13 16:30 py卡卡 阅读(937) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示