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

html-css023

如何利用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，这样的就可以了。。。。