固定定位与阴影的调试分享

作者：李国林
想必这个标题对于在座的各位大神来说：小意思了，这种东西。肯定是这样的。但我这还是对于刚刚的入门的程序员的初学者来提取的一个小玩意让他们在这学习开发上乱搞一通，起码能让他们学的无聊的时候能搞出一些小玩意来娱乐与放松，因为大家在学习打代码或者上课的时候无论是看老师的上课视频还是在老师上课的时候，如果在你不懂的时候，要么就是想着下课要么就是胡思乱想，因为你感觉到听不懂，并且感觉到很枯燥无味，除非是那些CSS动画或者能让你感兴趣的一些效果否则我想要么就是全程想下课，就是全程胡思乱想，要么就是想睡觉，完全听不进去，到了下课就觉得浪费了一节课而后悔；所以我这个小玩意希望能给各位新手带来一点学习的兴趣。
开发工具：DW
代码：源代码：

CSS：#one{ width: 304px; height: 304px; margin: 200px auto; padding: -30px; border: 10px solid #002157; border-radius: 390px; box-shadow:-84px -54px 5px #000000; } img{ border-radius: 390px; width: 308px; height: 308px; }

box-shadow:-84px -54px 5px #000000;：这句代码是设计阴影的；
border-radius: 390px;：这个代码是设计圆形的，喜欢什么样子自己可以调。

PS：①，那里是与CSS连接的标签；②：那是插入图片的一个连接，需要那图片才行，会和原图有出入。
图一：

图二：

图三：

谢谢观看(我是新入门的所以写的不好请见谅)。