博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【记录】css样式
阅读量:4611 次
发布时间:2019-06-09

本文共 703 字,大约阅读时间需要 2 分钟。

记录css的样式设置,方便以后使用。

1、绝对定位,自适应父级大小css:

.search-icon-delete {
background: url('../../assets/images/search_icon_deleteGray.png') no-repeat left center; width: 40px; height: 40px; position: absolute; right: 0; top: 0; }

html:

 

效果:

2、图片放置到文本框中:

#phone {
background: url('../image/me_icon_kefu@2x.png') no-repeat left center; background-size: 30px;}

效果:

3、按钮颜色渐变:

#add_tourist {
background-image: linear-gradient(-90deg, #FF8126 0%, #F74A1C 100%);}

效果:

 4、内容超过两行隐藏

.text-box {
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

效果:

 

转载于:https://www.cnblogs.com/miskis/p/8669387.html

你可能感兴趣的文章
如何删除xcode项目中不再使用的图片资源
查看>>
编写用例文档
查看>>
解决WPF两个图片控件显示相同图片因线程占用,其中一个显示不全的问题
查看>>
寻觅Azure上的Athena和BigQuery (二):神奇的PolyBase
查看>>
SSM——(一)
查看>>
wp_list_categories函数用法详解
查看>>
内疚的程序员
查看>>
移动互联网的六大发展趋势
查看>>
UIImageView填充模式(contentMode)
查看>>
RabbitMQ基础知识详解
查看>>
[转载]辜新星:时刻调整方向 找到人生的蓝海
查看>>
ubuntu16.04 64位中的32位兼容lib
查看>>
C++指针总结
查看>>
MYSQL动态查询拼接的表名的SQL脚本实现(MYSQL动态执行SQL脚本)
查看>>
PHP检测移动设备类mobile detection使用实例
查看>>
HDU 4255 A Famous Grid
查看>>
extern
查看>>
Bluetooth 报文知识点
查看>>
Json语法浅析
查看>>
shell脚本批量生成配置文件
查看>>