CSS的边框属性

                             hover伪类选择器

作用:选中鼠标悬停时在元素上的状态

 例: input:hover{

            background:orange;

            color:white;  

        }

                              边框的属性

                              margin:外边框,距离容器的距离
margin-top:50px;上边距
margin-left:50px;左边距
margin-right:50px;右边距
margin-bottom:50px;下边距
margin:50px;上下左右四个边距
margin:50px 50px第一个值是上下,第二个值是左右
margin:1px 3px 4px;第一个值是上,第二个值是左右,第三个值是下
margin:2px 3px 5px 6px;第一个值是上,第二个值是右,第三个值是下,第四个值是左
                              padding:内边框,容器自身的距离
padding-top:50px;距离容器上边的距离
padding-left:50px;距离容器左边的距离
padding-right:50px;距离容器右边的距离
padding-bottom:50px;距离容器下边的距离
padding:50px;距离容器上下、左右四个边的距离
padding:50px 50px第一个值是上下,第二个值是左右
padding:1px 3px 4px;第一个值是上,第二个值是左右,第三个值是下
padding:2px 3px 5px 6px;第一个值是上,第二个值是右,第三个值是下,第四个值是左

                          CSS常见属性

属性名说明
list-style:none;去除ul标签的小黑点
outline:0;去除输入框点击时的外线
background:linear-gradient(方向,开始颜色,结束颜色)设置渐变色

  • 18
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值