码迷,mamicode.com
首页 > Web开发 > 详细

css学习_css用户界面样式

时间:2019-03-31 09:37:19      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:cal   nbsp   img   学习   轮廓线   防止   int   背景图片   def   

1、css用户界面样式

技术图片

a、鼠标样式(记住几个兼容性好的)

cursor:default/pointer/move/text;

b、轮廓 outline

技术图片

outline:2px solid red;

outline:0/none(取消轮廓线)

c、防止拖拽文本域

textarea{resize:none;}

d、背景图片和背景颜色一起出现时,背景颜色在最底层。

e、行内块和文字对齐

vertical-align  对块级元素不起作用

技术图片

图片和文字默认基线对齐

技术图片

f、去除图片底侧空白缝隙

技术图片

技术图片

g、 溢出的文字隐藏

技术图片

技术图片

技术图片

技术图片

技术图片

 

css学习_css用户界面样式

标签:cal   nbsp   img   学习   轮廓线   防止   int   背景图片   def   

原文地址:https://www.cnblogs.com/yangyutian/p/10630073.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!