马三荷

摘要： 1、半圆 半圆分为：上半圆、下半圆、左半圆、右半圆，我们只要学会制作某一个方向的半圆，其他方向的半圆都可以轻松实现，其原理都一样。 假如我们要制作上半圆，实现原理：把高度height设置为宽度width的一半，并且左上角和右上角的圆角半径定义为元素的高度一致，而右下角和左下角的圆角半径定义为0. 而 阅读全文

摘要： css实现圆角 css2.1给元素添加圆角是一件很麻烦的事，老办法是用背景图片实现，制作比较麻烦。css3，border-radius的属性，使圆角属性得到完美的解决。 语法 说明： 长度值可以是px、百分比、em等 设置border-radius:10px;设置的四个圆角半径都是10px bord 阅读全文

摘要： 1、css图形简介 在浏览网页的时候，我们经常看见各种图形的效果，而但凡涉及到图形效果，我们第一个想到的就是用图片来实现。但是在前端开发中，为了网站的性能速度，我们都是秉承着少用图片的原生质。 因为图片实现有两个很明显的缺点：一是图片大小比较大数据传输量大，二是一张图片会引发一次http请求。这两个 阅读全文