html+css
文章平均质量分 57
含若飞
大一新生,初学JAVA,如有错误之处,欢迎提出。
展开
-
html+css制作3D透明立体效果
今天给大家分享一下如何制作3D透明立体原创 2021-03-21 09:39:33 · 1724 阅读 · 0 评论 -
html+css制作三角形
今天我们来分享一下三角形的制作方法主要就是通过调整div的几个边框线,将它们调节的足够宽,然后再将div的宽度和长度重新赋值为0代码如下:<div id="main"></div><style type="text/css" media="all"> #main{ width: 10px; height: 10px; background: #000; margin: 100px auto;原创 2021-03-21 00:02:06 · 383 阅读 · 0 评论 -
html+css制作心形
学习过html和css之后我们可以尝试做一些小效果,比如说制作心形图案。效果大概就像是这样整体形状我们可以理解为一个正方形,在它的上边和右边分别创建一个圆形,最后再将整体旋转就可以做成一个爱心的效果了原理大概就是如此,只需要我们将最后的颜色全部调成一个颜色,再整体旋转45度就可以了。下面我们附上具体代码,我提供了两种方式,第一种是使用伪类元素来做,第二种是在一个div里面设置两个span标签。方法一:<div class="one"></div>.one{原创 2021-03-20 20:15:57 · 9474 阅读 · 0 评论 -
html+css制作月亮
制作月亮的原理很简单,主要就是通过阴影属性 box-shadow来实现的w3c中的介绍是这样的:必须的元素是 h-shadow和v-shadow,主要控制水平方向的阴影和垂直方向的阴影。其实通过调节我们可以得到月亮的各种状态主要原理就是添加一个圆形,然后再给它添加阴影,最后再将圆形的背景设置为transparent,transparent是css3中的一个透明属性。话不多说,直接上代码<div class="moon"> </div>.moon{ posi原创 2021-03-20 21:01:12 · 2098 阅读 · 0 评论