CSS3-选择器,边框

选择器

:first-of-type 父元素的第一个子元素p:first-of-type即是第一个P元素

:last-of-type 父元素的最后一个子元素p:last-of-type即是指代最后一个P元素

:only-of-type 父元素的唯一一个子元素p:only-of-type即是指代唯一一个P元素

:only-child p::only-child选择属于其父元素的唯一子元素的每个p元素,结构上只有一个P元素

:nth-child(n) 选择属于其父元素的第n个子元素,结构上子元素必须是第N个

:nth-last-child(n) 同上,从最后一个子元素开始计数

:nth-of-type(n) 选择属于其父元素第n个p元素的每个p元素

:nth-last-of-type(n) 同上,但是从最后一个子元素开始计数。

:last-child 选择属于其父元素最后一个子元素每个子元素,结构上子元素必须是最后一个

:root 选择文档的根元素。

:empty 选择没有子元素的每个父元素(包括文本节点)

:target #news:target 选择当前活动的 #news 元素

:enabled input:enabled 选择每个启用的 input>元素

:disabled input:disabled 选择每个禁用的 input>元素

:checked input:checked 选择每个被选中的 input 元素

:not(selector) :not(p) 选择非 p 元素的每个元素

::selection ::selection 选择被用户选取的元素部分

边框

1.border-image
设置或检索对象的边框使用图像来填充, 如

border-image:url() 20 /27px stretch
url插入图片地址,20指切图片四角像素宽,/27指边框大小,strerch指的是拉伸,这里还可以写repeat平铺,round平铺(会自适应)。

2.border-radius
取值……
length:
用长度值设置对象的圆角半径长度。不允许负值
percentage:
用百分比设置对象的圆角半径长度。不允许负值

3.box-shadow 边框阴影

box-shadow:0px 10px 8px 6px 
0px 水平偏移值。10px 垂直偏移值。
8px 阴影模糊值。6px 阴影外延值。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值