专题：html/css
列表
-
一个跳转链接清新页面样式
一个跳转链接的页面展示效果。偶然访问一个网站，发现的这个，清新风格。好看，记录下来了。源代码如下： <!doctype html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>即将离开本站</title> <meta name="robots" content="noindex, nofollow"> <style> * { padding: 0; margin: 0; box-sizing: border-box; } body {
-
刷视频 随机舞蹈
一个刷视频的界面。只要一个page就能展示了。当然要找到很多在线小姐姐视频才能播放。源码如下： <!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <!-- iOS 相关meta标签 --> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <me
-
学习HTML头部内容区的一些常用语句
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1" /><!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ --><!-- 启用Chromium高速渲染模式 --><meta name="renderer" content="webkit" /><meta name="force-rendering" content="webkit"/><!-- 禁止百度转码 --><meta name="applicable-device" conten
-
404 Not Found 效果图片
一个 显示 404 错误的精简界面 404演示效果界面 源码如下： <!--禁止用于违法用途。--><!DOCTYPE html><html lang="zh"><head> <!-- 设置字符编码 --> <meta charset="UTF-8"> <!-- 设置页面在不同设备上的显示效果 --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>404 Not Found</title> <!-- 引入 Font Awesome 图标库 --> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="styles
-
一个在线记事本 效果好看
一个在线记事本 效果好看看上了这个编辑器。进一步深入去查看一下是怎么实现的吧。 博友来源网址：点击访问记事本
-
一个分类按钮效果，可以学习参考
正在编辑：一个分类按钮效果，可以学习参考 <meta charset="utf-8"><style type="text/css">.filter{ margin-bottom: 15px;}.filter dl{ margin-bottom: 10px; position: relative;}.filter dl dt{ border-radius: 2px 0 0 2px; background-color: #1e6288; padding: 6px 10px 5px; text-decoration: none; color: #f4f6f8; text-shadow: 0 -1px 0 rgba(0,0,0,0.2); float: left;}.filter dl dd.words{ margin-left:
-
显示Iframe指定位置
显示Iframe指定位置只要1个wrapper指定高宽度，再用绝对定位，设置left和top为负值即可。 <style type="text/css"> .wrapper { width:670px; height:350px; margin:100px 30px; overflow:hidden; position:relative; } .iframe { width:1024px;height:768px; position:absolute; top:-300px; left:-300px; } </style> <div class="wrapper"> <iframe class="iframe" src="http://www.csroad.cn" scrolling="no" frameborder="0"> </iframe> </div>
-
Web前端实战案例——电商网站商品菜单导航栏
商品菜单导航栏是每个电商网站首页呈现菜单的必备的部分，因为复杂的网页，功能性较强的网站菜单内容较多，一般会加入侧边栏导航。 通常情况下：一级菜单都是横向导航，二级菜单都是左侧边栏，如果有三级，放到内容页，实例图如下所示： 演示地址： https://cloud.tencent.com/developer/article/1783924?policyId=1003
-
一个动态的图片翻动效果，从教育部首页学习获取
一个动态的图片翻动效果，从教育部首页学习获取 演示地址 ###演示地址
