CSS3

一招搞定css不规则边框
JavaScript

一招搞定css不规则边框

137 0

大家可能都习惯了使用box-shadow来设置盒阴影,但顾名思义,盒阴影一般阴影的投影是一个方形,如果我们遇到其他情况,想要做阴影效果应该怎么实现呢?之前做过很多特殊的布局,比如在这两篇文章 CSS 实现优惠券的技巧 、CSS 实现支持渐变的提示框(tooltips),如下但是一直有一个痛点就是:无法给这些图形加上边框今天带来一个小技巧:利用 drop-shadow 一行代码搞定所有不规则边框一、投影这里需要利用投影 drop-shadow,这里简单介绍一下语法其实很简单1filter: drop-sha

JavaScript

用H5和CSS3制作全屏背景轮换播放教程

262 0

这次给大家带来用H5和CSS3制作全屏背景轮换播放的制作方法,怎么用H5制作特效?H5和CSS3在使用过程中的注意事项有哪些,下面就是实战案例,一起来看一下。12345678910111213141516171819202122232425262728293031323334353637383940414243444546<!doctype html><html> <head>

JavaScript

CSS3的文本阴影text-shadow属性应该如何使用

108 0

这次给大家带来CSS3的文本阴影text-shadow属性应该如何使用,使用CSS3的文本阴影text-shadow的注意事项有哪些,下面就是实战案例,一起来看一下。文本阴影text-shadow属性特效:1.右下角阴影,左下角阴影,左上角阴影,右上角阴影123456789101112131415161718192021<!DOCTYPE html> <html lang="en">

怎样用CSS3制作登录框
JavaScript

怎样用CSS3制作登录框

161 0

这次给大家带来怎样用CSS3制作登录框,用CSS3制作登录框的注意事项有哪些,下面就是实战案例,一起来看一下。作为一个新手,个人觉得难点在:1.阴影的使用(外框,账户栏,密码栏,button)2.账户栏,密码栏的布局3.button颜色渐变下面给出一些思路,也希望大家提供一些简洁的方法帮助更多的新手。HTML 代码如下:123456789101112131415161718192021222324

css3实现条状百分比效果
JavaScript

css3实现条状百分比效果

79 0

这次给大家带来css3实现条状百分比效果,实现css3实现条状百分比效果的注意事项有哪些,下面就是实战案例,一起来看一下。效果图就是上方所示了,整个长条表示100%,绿色的部分表示该条目占比,鼠标移到该长条上时,显示百分比(title属性设置)首先这个百分比,你要计算出来。该条状,我用的是Label来进行显示,设置其background即可。用什么容器并不固定,根据自己布局需要,但是确定的一点是容器的宽度必须设置。设置背景颜色的代码入下:background:linear-gradient(to righ

CSS3做出多样边框特效
JavaScript

CSS3做出多样边框特效

131 0

这次给大家带来CSS3做出多样边框特效,CSS3做出多样边框特效的注意事项有哪些,下面就是实战案例,一起来看一下。半透明边框实现效果:实现代码:1234567891011121314<p>你能看到半透明的边框吗?</p>p { /* 关键代码 */ border: 10px solid rgba(255,255,255,.5); background: white;

CSS3二级导航菜单制作步骤详解
JavaScript

CSS3二级导航菜单制作步骤详解

53 0

这次给大家带来CSS3二级导航菜单制作步骤详解,CSS3二级导航菜单制作的注意事项有哪些,下面就是实战案例,一起来看一下。如果想要实现网页的二级导航,我们可以使用JS技术,动态的显示和隐藏二级菜单,当然也可以使用CSS技术来实现。并且这里推荐使用CSS,因为其效率更高,更流畅。这里将介绍二级菜单的动态显示与隐藏。1 结构一般导航的主体我们主要是使用ul li标签123456789101112131

浅析HTML Table表格的使用方法
JavaScript

浅析HTML Table表格的使用方法

156 0

这篇文章给大家介绍的文章内容是关于浅析HTML Table表格的使用方法,有很好的参考价值,希望可以帮助到有需要的朋友。定义和用法table标签定义 HTML 表格。创建表格的四要素:table、tr、th、td<table>整个表格以<table>标记开始、</table>标记结束。<tr>Table row。表格的一行,有几对 tr 表格就有几行。<td>Tabl