当前位置: 首页 > news >正文

CSS(8)高级技巧:精灵图,css三角,用户界面,vertical-align属性应用

一.精灵图

通过css中的background-position属性,将多张图合成为一张图

二.css三角

在网页中,我们可以添加css属性获得三角图标

solid:实心,边框的实心

transparent:透明,图中代码表示只有左边粉色,其余地方为透明

三:用户界面

1.鼠标样式

2.取消表单轮廓与防止拖拽文本

三.vertical-align属性应用(middle,top, bottom)

textarea{

        vertical-align:middle

}

四.解决图片底部默认空白缝隙问题

vertical-align:middle top bottom

 把图片转换为块级元素display:block

五.多行文字溢出显示省略号

http://www.lryc.cn/news/486930.html

相关文章:

  • Flink新版Source接口源码解析
  • SLM561A系列60V10-50mA单通道线性恒流LED驱动芯片,为汽车照明、景观照明助力
  • 一次失败的wxpython安装macOS M1
  • 【大数据技术基础 | 实验十一】Hive实验:新建Hive表
  • 【yarn】yarn rest api每日job数量分析
  • 蓝桥杯单片机第十一届省赛(第一场)
  • hive复杂数据类型Array Map Struct 炸裂函数explode
  • FIFO架构专题-FIFO是什么
  • Pythony——多线程简单爬虫实现
  • 如何修改 a 链接的样式
  • 第6章 详细设计-6.5 软硬件接口文档设计
  • 【pyspark学习从入门到精通14】MLlib_1
  • C++全局构造和初始化
  • 安全见闻-泷羽sec课程笔记
  • 游戏引擎学习第17天
  • 【FFmpeg】FFmpeg 内存结构 ③ ( AVPacket 函数简介 | av_packet_ref 函数 | av_packet_clone 函数 )
  • 【学习笔记】量化概述
  • 同步互斥相关习题10道 附详解
  • 【Python · PyTorch】卷积神经网络 CNN(LeNet-5网络)
  • Git 拉取指定分支创建项目
  • CF862B Mahmoud and Ehab and the bipartiteness(二分图的性质)
  • React Native 全栈开发实战班 :数据管理与状态之React Hooks 基础
  • 传奇996_22——自动挂机
  • faiss 提供了多种索引类型
  • 比rsync更强大的文件同步工具rclone
  • 《业务流程--穿越从概念到实践的丛林》读后感一:什么是业务流程
  • 解决docker mysql命令行无法输入中文
  • 基于Java Springboot城市公交运营管理系统
  • Lc70--319.两个数组的交集(二分查找)---Java版
  • 亿咖通科技应邀出席微软汽车行业智享会,分享ECARX AutoGPT全新实践