怎么用 css3实现波浪底纹效果

html-css012

怎么用 css3实现波浪底纹效果,第1张

div{

    background:

    radial-gradient(circle at 100% 50%, transparent 20%, rgba(255,255,255,.3) 21%, rgba(255,255,255,.3) 34%, transparent 35%, transparent),

    radial-gradient(circle at 0% 50%, transparent 20%, rgba(255,255,255,.3) 21%, rgba(255,255,255,.3) 34%, transparent 35%, transparent) 0 -50px

    background-color: slategray

    background-size:75px 100px

}

更多背景底纹私聊我给你网址,有好多

波浪效果大部分是背景图片,不一定是border,也可以是下面有一个元素并且设定高度有背景平铺,还有就是用css3去写,如果border的圆角效果,可以去拼出一个,要不就是用vml去写,其实都没有第一种兼容效果好!!!!

原文: css中“~”(波浪号)、“,”(逗号)、 “ + ”(加号)和 “ >”(大于号)是什么意思?

选择前面有A元素的所有B标签

为相同父元素中位于A标签后的所有B元素设置样式

两种元素必须拥有相同的父元素,但是B不必直接紧随A出现

是CSS3特有选择器,表示选则A元素的子元素中所有B元素

A B 选择所有后代元素,但是A>B 只选择一代

同时选择A B 两个类,对其应用相同的CSS样式

选择紧接在另一个元素后的元素,二者有相同的父元素

例:增加紧接在h1元素后出现的段落的边距