前端开发
江西师范大学-20届-吴悠
江西师范大学20届软件学院毕业生,大数据方向,大数据技术、机器学习、深度学习、爬虫、Django、区块链、ACM、PS修图、Pr视频剪辑、摄影都搞。爱好旅游、摄影、跑步、读书。
展开
-
BootStrap之触发弹出框
BootStrap之触发弹出框(JS触发–参数)不喜欢JS语言的我,觉得分号很别扭,括号很诡异<!doctype html><html> <head> <meta charset="utf-8"> <title></title> <link href="css/bootstra原创 2018-11-19 19:07:19 · 254 阅读 · 0 评论 -
BootStrap实现头部选项卡
BootStrap实现头部选项卡代码如下:<!doctype html><html> <head> <meta charset="utf-8"> <title></title> <link href="css/bootstrap.min.css" rel="s原创 2019-01-13 15:13:45 · 602 阅读 · 0 评论 -
水平居中、垂直居中
代码如下:就是div的大小必须写死<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .centerH{position: absolute;left:0;right:0;m...原创 2019-05-28 19:23:09 · 154 阅读 · 0 评论 -
html使背景图片充满整个屏幕
代码如下:body{ /* 加载背景图片 */ background-image: url(bgimg.jpg); /* 背景图垂直、水平均居中 */ background-position: center center; /* 背景图不平铺 */ background-rep...原创 2019-05-28 21:17:40 · 9195 阅读 · 0 评论 -
使输入框组在div中垂直居中
代码如下:<div class="input-group" style="width: 100%;height:70%;display:flex;justify-content:center;align-items:center;"> <input type="text" class="form-control" placeholder="搜索音乐"> <...原创 2019-05-31 19:24:03 · 1612 阅读 · 0 评论 -
设置边框的阴影效果及面板的悬停产生阴影
如何给边框添加阴影效果:box-shadow - 寒诺的博客 - CSDN博客 https://blog.csdn.net/zzqwxx/article/details/51895977设置面板的鼠标悬停效果:.panel:hover { box-shadow: 5px 0px 40px rgba(0,0,0, .2); }效果如下:...原创 2019-05-29 09:34:41 · 362 阅读 · 0 评论 -
引入BootStrap框架编写选项卡导航栏导致的选项卡堆在一起的问题
最开始代码如下: <!-- Nav tabs --> <ul class="nav nav-tabs nav-justified" role="tablist"> <li> <a href="#home">Home</a> </li> <li> <a" href="#...原创 2019-05-29 11:39:09 · 516 阅读 · 0 评论 -
去掉超链接的下划线
在样式表即head中的style中写a{ text-decoration:none;}效果如下:原创 2019-05-29 19:40:39 · 168 阅读 · 0 评论 -
Django引入Bootstrap框架
代码如下:<!doctype html><html> <head> <meta charset="utf-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scal...原创 2019-05-28 09:03:51 · 681 阅读 · 0 评论 -
BootStrap实现轮播图的自动播放和设置播放间隔时间
BootStrap实现轮播图的自动播放和设置播放间隔时间参考链接:https://blog.csdn.net/rui512777/article/details/52670173?utm_source=blogxgwz5轮播图代码如下: &lt;div class="container-fluid text-left" data-spy="scroll" data-target="#nav原创 2018-12-19 11:03:55 · 10736 阅读 · 0 评论 -
前端网页中插入百度地图,标注显示不出问题
前端网页中插入百度地图,标注显示不出问题进入百度创建地图的网站:http://api.map.baidu.com/lbsapi/creatmap/具体教程不赘述,教程参考:https://blog.csdn.net/qq_37400312/article/details/66971248标注显示不出来,需要修改javascript的代码,代码修改如下:将BMap.Icon里面的网址替换成h...原创 2018-12-19 10:50:34 · 1919 阅读 · 2 评论 -
BootStrap中轮播图的图片自适应问题
BootStrap中轮播图的图片自适应问题轮播图代码如下: <div class="container-fluid text-left" data-spy="scroll" data-target="#navbar-example" data-offset="0" style="height: 820px; position: relative;"> &l原创 2018-12-19 10:45:05 · 8943 阅读 · 2 评论 -
BootStrap中的缩略图
BootStrap中的缩略图将图片元素包裹在带有.thumbnail类的链接&lt; a &gt;元素中即可以创建一个缩略图。缩略图会添加四个像素的内边距(padding)和一个灰色的边框,当鼠标悬停在图像上时会动画显示出图像的轮廓。代码如下:&lt;div class="row"&gt; &lt;div class="col-lg-4 col-md-4 co原创 2018-12-19 21:23:52 · 652 阅读 · 0 评论 -
BootStrap模态框闪退问题
BootStrap模态框闪退问题模态框闪退到你还看不到模态框的内容呢,就屏幕灰了一下就是代码如下<!--搜索注册条--> <div class="container-fluid"> <form class="navbar-form navbar-center" role="Search"> <div class=&qu原创 2018-12-09 10:37:09 · 1885 阅读 · 0 评论 -
BootStrap如何设置图标
BootStrap如何设置图标代码如下:<div class="row"><span class="glyphicon glyphicon-headphones logo"></span></div><div class="row"><span class="glyphicon g原创 2018-12-19 23:11:27 · 763 阅读 · 0 评论 -
去除BootStrap轮播图两侧的灰色阴影
去除BootStrap两侧的灰色阴影需要在样式表中添加两个样式:.carousel-control.left { background-image:none; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8...原创 2018-12-20 19:15:49 · 1457 阅读 · 0 评论 -
BootStrap实现左侧或右侧竖式tab选项卡
BootStrap实现左侧或右侧竖式tab选项卡代码如下:<div style="height: 100px;"> <div class="col-xs-2"> <ul class="nav nav-tab vertical-tab" role="tablist" id="vtab">原创 2018-12-21 10:16:17 · 13479 阅读 · 4 评论 -
前端网页背景与文字配色方案
前端网页背景与文字配色方案几种比较和谐的文字背景颜色搭配 - GlGh的日子 - CSDN博客 https://blog.csdn.net/leniz/article/details/579494前端 好看实用的颜色大全(16进制) - 桐匠的博客 - CSDN博客 https://blog.csdn.net/jockerscolor/article/details/692553468个...原创 2018-12-21 15:36:53 · 2953 阅读 · 0 评论 -
书店的前端网页
书店的前端网页网页内容是西西弗书店代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"&g...原创 2020-05-12 15:35:36 · 441 阅读 · 0 评论 -
搜索注册栏(注册弹出模态框)和富强民主的鼠标点击效果
搜索注册栏(注册弹出模态框)和富强民主的鼠标点击效果<!doctype html><html> <head> <meta charset="utf-8"> <title></title> <link href="css/bootstrap.min.css" rel=&q原创 2018-12-18 16:40:54 · 286 阅读 · 0 评论 -
在父div中使文字垂直居上、垂直居下
整个的代码如下:<div class="row"> <div class="card mb-3" style="width: 100%;"> <div class="row no-gutters"> <div class="...原创 2019-06-03 20:07:07 · 8240 阅读 · 0 评论