训练营第五天作业 -对昨天做的卡片进行装饰

由于电脑出毛病了,不能写,所以就用文字代替了,

1.想法:

对昨天的卡片进行装饰,

2.思路:

找背景是透明的花边对左右下角进行修饰,而写文字的地方则改成波浪线,用波浪线作为背景,然后把div取消,换做p标签写文字.再把p标签对齐波浪线,.然后小狗狗相框的背景用灰色凸显.整个卡片的圆角在深一点.

3.实现:

两个花边用浮动,一个左,一个右,对齐方式在下边,或者用定位的方式,position;absolute;现在就没有必要取消div了.直接把div的背景设置成波浪线就行了,然后字体在设置一下,div{background:URL(3.png)}. 相框的凸显背景就很好实现了,直接用background:gray;就完了.剩下最外边的盒子了,border-radius:15px;好了,整个想法到实现就这样!

4.效果图:

可是因为电脑原因不能做出来