如何利用CSS3 逐渐发光的方格边框

html-css013

如何利用CSS3 逐渐发光的方格边框,第1张

1、打开WORD软件,在菜单,点击“页面布局”-“页面边框”,如图:2、出现页面边框对话框,可以对边框进行设置“有”或“无”。有的的形式,还有横线的式样。如果选择方框为有,在右边就马上看到设置后效果,如图:3、还可以通过表格工具调整边框大小。在“样式”这里可以对线的“样式”,“颜色”,线的“宽度”进行设置。

div{width: 200pxheight: 200pxbackground: #dadadaborder:5px solid redanimation: shine 1s alternate infinite}

@keyframes shine{

from{border-color: rgba(0,0,0,0)}

to{border-color: rgba(0,0,0,1)}

}

用css控制div,定义id,class,任一个都可以,不建议用标签,字体的设置是font:

15pt/17pt

bold

"arial"

normal

,依次是字体大小,粗细,和字体,还有其他的,如果设置颜色,直接用color:#000000,这样的就可以了。。。。