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

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.kler.cn/a/400158.html

相关文章:

  • ZSTD 内存泄漏问题
  • C/C++中使用MYSQL
  • 无线迷踪:陈欣的网络之旅
  • C/C++基础知识复习(23)
  • aws中AcmClient.describeCertificate返回值中没有ResourceRecord
  • 如何利用SAP低代码平台快速构建企业级应用?
  • Golang 不常被注意的特性
  • 使用 Python的Pyecharts 绘制词云图
  • torch.is_storage()
  • 部分利用oracle数据字典查询对应信息的语句。
  • 基于Python的招聘信息推荐系统
  • 力扣(leetcode)面试经典150题——27. 移除元素
  • gitlab容器的迁移(部署)并配置自动备份
  • [webgis 0基础到找工作]------JavaScript--DOM 注册事件 day09
  • vue实现展示并下载后端返回的图片流
  • uniapp 修改网页标题title
  • 【新人系列】Python 入门(十一):控制结构
  • ODC 如何精确呈现SQL耗时 | OceanBase 开发者工具解析
  • halcon3D gen_image_to_world_plane_map的图像高精度拼接技术
  • 计算机网络-MSTP基础实验一(单域多实例)
  • HTML、CSS与JavaScript基础
  • 云原生周刊:Kubernetes v1.32 要来了
  • golang开源框架:go开源验证框架validator
  • leetcode 面试150之 Z 字形变换
  • Solana应用开发常见技术栈
  • 高效服务器管理新选择:CasaOS轻NAS系统部署1Panel面板并实现远程访问