html怎么给视频添加边框,要求给视频做一个边框 怎么样图片边框覆盖视频?
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
@charset "UTF-8";
/**
*
* @authors Benu (slimeball@foxmail.com)
* @date 2014-08-15 09:55:08
* @version $Id$
*/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px"微软雅黑","Arial Narrow",HELVETICA;background: #fcc3dc;-webkit-text-size-adjust:100%;}
a{color:#2d374b;text-decoration:none}
a:hover{color:#cd0200;text-decoration:underline}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
/*初始化*/
.z_head{background: url(../images/head_bg.png) repeat-x;height: 752px}
.z_head .z_head_top span{background: url(../images/logo.png) no-repeat;display: block;position:absolute;width: 189px;height: 51px;}
.z_head_top{width: 1000px;margin: 0 auto;position: relative;height: 51px}
.z_head .z_head_top .z_head_login{background: url(../images/login.png) no-repeat;display: block;width: 59px;height: 27px;position: absolute;right: 107px;top: 21px;}
.z_head .z_head_top .z_head_member{background: url(../images/member.png) no-repeat;display: block;width: 79px;height: 27px;position: absolute;right: 18px ;top: 21px;}
/*logo 登入部分*/
.z_flash{width: 1000px;margin: 0 auto;height: 559px;background-color: #ccc;}
/*flash部分*/
.z_nav{width: 1000px;margin: 0 auto;height: 114px;background: url(../images/nav_bg.jpg) no-repeat; }
/*导航部分*/
.z_head .z_nav li{float: left;}
.z_head .z_nav li a{background: url(../images/nav_bg_li.png) no-repeat;display: block;}
.z_head .z_nav a:hover{background: url(../images/nav_bg_hover.png) no-repeat;}
.z_head .z_nav .z_nobg{background: none;}
.z_head .z_nav .z_nobg:hover{background: none;}
/*导航部分*/
/*视频地图区*/
.z_vedio_map{width: 1036px;height: 450px; margin: 50px auto;position: relative;}
.z_vedio_map .z_l_video{float: left;top: 50px;}
.z_vedio_map .z_l_video .z_l_video_go{height: 368px;}
.z_vedio_map .z_l_video .z_l_video_go .video_top{background: url(../images/video_top.png) no-repeat;width: 561px;height: 72px;position: absolute;z-index: 2;}
.z_vedio_map .z_l_video .z_l_video_go .video_left{background: url(../images/video_left.png) no-repeat;width: 68px;height: 250px;position: absolute;z-index: 2;top:72px;}
.z_vedio_map .z_l_video .z_l_video_go .video_bot{background: url(../images/video_bot.png) no-repeat;width: 561px;height: 81px;position: absolute;z-index: 2;top:322px;}
.z_vedio_map .z_l_video .z_l_video_go .video_right{background: url(../images/video_right.png) no-repeat;width: 68px;height: 250px;position: absolute;z-index: 2;top:72px;left: 495px;}
.z_vedio_map .z_l_video .z_l_video_go .video_player{position: absolute;width: 502px;height: 304px;left: 35px;top:35px;}
.z_vedio_map .z_l_video_list {background: url(../images/video_list_bg.png) no-repeat;height: 50px;width: 800px;position: absolute;height: 151px;z-index: 2;}
.z_vedio_map .z_l_video_list .z_l_video_list_pic{height: 69px;position: absolute;top: 63px;margin-left: 45px;}
.z_vedio_map .z_l_video_list li{float: left;margin-left: 10px; }
.z_vedio_map .z_r_map{float: right;}
.z_vedio_map .z_r_map .china_map{position: absolute;right: 37px;top: -55px;z-index: -1;}
.z_vedio_map .z_r_map .z_join{position: absolute;right: 300px;}
/*视频地图区*/
/*网络赛区*/
.z_netzone{width:1031px;margin:0 auto;height: 991px; background: url(../images/net_zone.jpg) no-repeat;position: relative;}
.z_netzone .z_netzone_time{position: absolute;top: 132px;left: 271px;}
.z_netzone .z_netzone_time p{color: #fff;float: left;font-size: 17px;}
.z_netzone .z_netzone_time p span{color: #ffd800;margin-left: 43px;}
.z_netzone .z_search a{width: 89px;height: 27px;background: #a665a9;}
/*网络赛区*/
html怎么给视频添加边框,要求给视频做一个边框 怎么样图片边框覆盖视频?相关推荐
- 其实特简单,Python 做一个漂亮女孩词云跳舞的视频
大家好,最近不少小伙伴在学 Python,想找个好玩的练手项目.那今天分享一个简单.好玩,适合新手的 Python 小项目.文章较长,建议收藏.喜欢关注.点赞,文末提供技术交流群. 以下是具体项目: ...
- php 给图片加图片边框,给照片制作简单木质相框 如何制作图片边框 怎么给图片加边框...
相信每一个小伙伴都会有自己的照片吧,如果说你没有打死我也不会相信的啦,虽然现在美化照片的软件比比皆是,各种功能也很强大,但是美化得太假未免失真,就没有原来的味道了,还不如简单的给相片做一些处理,并简单 ...
- css 科技 边框_一篇文章带你学习CSS3图片边框
这篇文章我们来讲一下在网站建设中,一篇文章带你学习CSS3图片边框.本文对大家进行网站开发设计工作或者学习都有一定帮助,下面让我们进入正文. 使用CSS3 border-image 属性,你可以在元素 ...
- 软件测试 给视频添加字幕功能,巧用百度OCR文字识别技术,实现视频字幕识别...
前言:我们都知道,现在有很多文字识别技术,但是如何合理的应用于生活呢?我当时马上就想到了电影字幕的提取,很多人在看外国新闻的时候,会发现,只有英文字幕呀,怎么办呢,所以这个功能我就研发了出来 一.运用 ...
- 利用Python做一个小姐姐词云跳舞视频
点击上方蓝色小字,关注"涛哥聊Python" 重磅干货,第一时间送达 来源:修炼Python 每周三个人直播,想和我聊天的欢迎来约 朝朝暮暮里,祝愿我们每个人都能沉淀 ...
- python实现屏幕视频录制_用Python来做一个屏幕录制工具
一.写在前面 作为一名测试,有时候经常会遇到需要录屏记录自己操作,方便后续开发同学定位.以前都是用screentogif来录屏制作成动态图,偶尔的机会看到python也能实现.那就赶紧学习下. 二.效 ...
- python录制视频和声音_使用python编写一个录制屏幕及右下角录视频的工具
1.首先需要的python模块有:pyaudio.openCV.moviepy.pillow.wave主要第三方库. pyaudio录制音频 openCV录制屏幕及对个人录像 moviepy对录制的音 ...
- android 水印视频教程,如何给视频添加一个摇摆的文字水印?安卓手机视频编辑助手app给视频加文字水印...
注意此教程方案是『安卓手机端教程方案』 如果在手机端操作不方便或对眼睛不好 也可以用另外电脑端的教程方案操作:视频加旋转水印[找更多方案] 今天要介绍安卓手机上视频编辑助手是可以给视频添加摇摆的文字水 ...
- 怎么在php文件插入背景图片,怎么给视频文件添加背景图片?将视频放在图片上面播放...
都说"清明时节雨纷纷",明天就是清明节了,小编抬头望望天空可真是没有一丝丝要下雨的节奏啊.清明节放假,大家有么有计划回家呢~反正小编是没计划的,小编的妈妈告诉小编说"你别 ...
- ffmpeg给视频添加时间水印
ffmpeg给视频添加时间水印 通过 drawtext 滤镜模块给视频添加时间水印 给视频添加时间水印 用来做片源调试,非常方便的查找和定位处理的哪一帧视频片源: 1. 添加本地时间水印 ffmpeg ...
最新文章
- 深度学习模型轻量化(下)
- Python的学习过程中not enough values to unpack (expected 2, got 1)解决方案
- ros2_object_analytics安装过程全记录
- 【大牛疯狂教学】深入拆解java虚拟机百度云
- python语言与c语言相比在分支结构上有什么不同,python 基础教程之语法篇章——一小时入门python__对比python与C语言的语法异同...
- 转载:从地理学透视中国现代化
- 《图解数据结构》.pdf
- 学习笔记(1):Echarts+Asp.Net+Sql Server报表开发视频教程-折线图和曲线图
- 获取6050原始数据
- 如何用自签名证书为.sis文件签名
- 解决:Field xxMapper in xx.service.impl.xxServiceImpl required a bean of type 'xx.mapper.xxMapper'...
- Python学习笔记(六) python-nmap下载及搭建
- python爬取豆瓣电影并分析_Python实战之如何爬取豆瓣电影?本文教你
- 计算机网络启动慢,关于电脑网络连接启动的特别慢的解决方法
- 【原生js】动态添加class
- 华师计算机在线作业答案,2016春季华师计算机基础在线作业答案
- 学好SEO需要掌握哪些知识要点?
- 端午节蓝屏之谜:金山系列软件同微软KB2839229冲突技术分析
- DB2 9 使用拓荒(733 检验)认证指南,第 4 部分: 嵌入式 SQL 编程(3)
- vue.js BMap 与BMapLib.lushu 的配置与百度路书,结合项目后台的实例展示
热门文章
- 创维黄宏生、TCL李东生及康佳陈伟荣悲喜人生
- datatable copy、clone、深拷贝、浅拷贝
- Auto.js抖音极速版、快手极速版,刷宝短视频、火山极速版自动刷看
- 怎么更改苹果账户名称_忘记Apple ID密码,如何直接在 iPhone 上更改?
- 数据分析真题日刷 | 网易2018实习生招聘笔试题-数据分析实习生
- 单片机c语言变频调速实验程序,单片机C语言实验例程80个
- [bzoj3609]人人尽说江南好
- (超详细)互补格雷码+相移码求解包裹相位(Python实现)
- coreldraw梯形校正_入门:CorelDraw12智能绘图工具使用方法详解
- cd对Python安装目录操作