自学内容网 自学内容网

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

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


原文地址:https://blog.csdn.net/Naiveyouzhi/article/details/143864865

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!