纯Css3画出的凯蒂猫

开发工具与关键技术：DW border属性
撰写时间：2019年1月31日

哈哈，直奔主题不多说废话，先看看效果图吧！

是不是好可爱，有没有被萌到？
首先，我们来看一下 HTML 的头部结构布局：css3的样式大部分都是利用边框border的属性来实现的。在盒子上给一个边框设置一下圆角的效果，把不想要的边设置为透明的颜色，就可以出现一个半圆的效果。下面我们来看一下代码和效果图这样方便理解：

这下面就是整个头部的代码和效果图：

@charset "utf-8";
/* CSS Document */
/*---------------------头部------------------*/
.content{
	 width: 350px;
	margin: 0 auto;
}
.phiz{
	width: 283px;
	height: 215px;
    border: solid 3