关于网页布局的几个小知识点

1、内边距:在一个div块中实现注册和登录的切换时,登录和注册之间的距离可以使用padding来撑开,实现登录链接和注册链接之间的距离。

2、padding和margin的区别:简单来说padding就是一个盒子内的内容距离盒子边框的距离,margin是盒子本身距离其他盒子之间的距离。border是盒子本身的边框。

3、下划线:text-decoration:underline属性,这个是在文字的底部画一条横线,这里也顺便复习一下text-decoration:none;

4、圆角:让边框显示为圆角,我们可以使用:border-radius属性;

5、阴影:实现边框的阴影:box-shadow属性;显示为3D效果。

6、缩进:文本缩进属性:text-indent,可以使文本内的内容缩进显示。

7、间距:文本框之间的间距可以使用margin-bottom属性。

8、input框透明:input框底部实现为透明,可以使用background-color:transparent;

9、input内字体颜色:改变input字体颜色可以使用placeholder属性。

10、让鼠标显示为手的形状:使用cursor:pointer。

11、居中:text-align,让里边的内容居中。

12、行高:line-height。

 
原文地址:https://www.cnblogs.com/ZM-ONE/p/8285357.html