剑鱼论坛  发表于 2020年03月05日    最后浏览于 26天前
 0
对于图片居中我们可以用css样式代码的“text-center”来实现,但是当我们使用前端框架Bootstrap3时,通过这个方法图片居中却会失效,没法简单用text-center来实现图片居中。 那么使用Bootstrap3时,是否有简单的方法来实现图片居中呢? 答案是有的,Bootstrap3已经为我们准备好了。我们只需要像下面的代码这样就可以实现图片居中: <img class="center-block" src="图片地址"> 以上代码的“center-block”就是用来实现图片居...
剑鱼论坛
LV 6 高中
最后在线:6小时前
加入时间:314天前
主帖:89  跟帖:48
 剑鱼论坛  发表于 2020年02月05日    最后浏览于 5天前
 0
我们在制作页面的时候,现在普遍是使用css来控制页面的样式,对于页面上的链接,a标签也不例外,我们可以通过css来设置其样式,例如我们需要把链接设置为红色,那么可以用以下的代码实现: a:link {color:#FF0000;} 我们知道对于链接还有其他不同的状态,例如已经被访问过的链接,鼠标滑过链接等等,这些状态的显示都可以用css来控制,我们先看下面的代码: a:link {color:#FF0000;} /* 未访问的链接 */ a:visited {color:#00FF00;} /* 已访问的链接 */ a:hover {color:...
剑鱼论坛
LV 6 高中
最后在线:6小时前
加入时间:314天前
主帖:89  跟帖:48
 剑鱼论坛  发表于 2020年01月31日    最后浏览于 10天前
 0
css的position属性是用于元素定位的,我们使用position可以对元素进行绝对定位,相对定位等定位设置。 在bootstrap4里面我们可以不用写css代码方便地实现元素定位,我们来看一下怎么实现的。 先来看下面的代码: <div class="position-static">...</div> <div class="position-relative">...</div> <div class="position-absolute...
剑鱼论坛
LV 6 高中
最后在线:6小时前
加入时间:314天前
主帖:89  跟帖:48
 剑鱼论坛  发表于 2020年01月27日    最后浏览于 3小时前
 0
现代HTML页面的要求基本上会要求图片能够自适应屏幕,这样的网页不但在pc端可以正常显示图片,同时在手机端等小屏幕上也可以正常显示图片,这篇我们来介绍一下如何使用bootstrap4实现图片自适应。 bootstrap4实现图片自适应是比较简单的,只需要加一个样式就可以了,下面我们来看代码: <img src="..." class="img-fluid"> 以上代码就可以实现图片的自适应,看上面的代码,我们可以发现,其实要实现图片自适应,我们只需要给img标签添加“img-fluid”就可以了...
剑鱼论坛
LV 6 高中
最后在线:6小时前
加入时间:314天前
主帖:89  跟帖:48
 剑鱼论坛  发表于 2020年01月17日    最后浏览于 4小时前
 0
bootstrap4的使用是很方便的,这种方便体现在很多方面,现在我们将介绍其中一个,就是假设我有一段很长的文字需要显示在页面,但是为了排版好看,我又不希望这段文字全部显示在页面上,而仅仅显示到某一行,这行显示不下的文字自动用省略号来表示,说明后面还有没有显示出来的内容。 举个例子来说,假设我们有以下的文字内容: 剑鱼论坛很好用,操作和管理都很简单有效,我很喜欢剑鱼论坛,我也会推荐别人使用。 上面这段文字比较长,假设我们能够容纳文字的元素长度不够,并且我们不希望文字分成两行显示,如下: 剑鱼论坛很好用,操作和管理都很简单有效,我很喜欢剑鱼论坛....
剑鱼论坛
LV 6 高中
最后在线:6小时前
加入时间:314天前
主帖:89  跟帖:48
 剑鱼论坛  发表于 2020年01月13日    最后浏览于 3天前
 0
bootstrap4可以方便地对元素倒圆角,我们来看一下怎么实现。 默认情况下,一个元素的宽度和高度确定后,这个元素是方形的,也就是说其四个角是棱角的。有的时候为了页面元素有些变化,或者要更美观一些,我们需要把方方正正的四个角弄成圆弧型的,这可以使用css样式来实现,但是这篇我们介绍的是bootstrap,那么我们来看一下怎么用bootstrap来实现圆角。 bootstrap4已经为我们提供了简单的圆角样式,我们只需要在HTML中使用就可以了。看下面的代码: <img src="..." class="roun...
剑鱼论坛
LV 6 高中
最后在线:6小时前
加入时间:314天前
主帖:89  跟帖:48
 剑鱼论坛  发表于 2020年01月09日    最后浏览于 6天前
 0
bootstrap4可以方便地设置一个元素的边框,我们来看一下如何设置。 假设我们有一个元素,如下: <div>div元素</div> 现在我们希望给这个元素添加一个边框,只需要在上面的基础上添加一个样式就可以了,如下: <div class="border">div元素</div> 很简单,就是增加了代码“ class="border"”,现在您查看这个元素的时候就能够看到边框了。 如果某个元素我们希望去掉边框,那么可以用下面的代码实现: <...
剑鱼论坛
LV 6 高中
最后在线:6小时前
加入时间:314天前
主帖:89  跟帖:48
 剑鱼论坛  发表于 2020年01月07日    最后浏览于 1天前
 0
bootstrap是广受欢迎的前端框架,使用bootstrap可以让您方便且快速地完成页面样式的制作。bootstrap4是在之前版本基础上的大改进,使用bootstrap4几乎可以不用自己写css代码。这篇我们就来简单介绍一下如何使用bootstrap4。 我们首先到bootstrap4的官方网站:https://getbootstrap.com 进入网站后,我们会看到下面的页面内容: 我们点击“Download”按钮就能进入下载页面,然后在下载页面找到“Compiled CSS and JS”,如下: 这个是编译好的文件,我们直接下载这个文件...
剑鱼论坛
LV 6 高中
最后在线:6小时前
加入时间:314天前
主帖:89  跟帖:48
 剑鱼论坛  发表于 2019年12月14日    最后浏览于 64天前
 0
CSS中有一个属性可以控制页面元素的透明度,这个属性是“Opacity”,我们只需要对这个属性赋值就可以完成透明度的设置。属性使用也很简单,如下代码: opacity:0.5 上面这个代码就是把当前元素的透明度设置为半透明,您可以修改冒号后面的数字,使其透明度满足您的需要。这个数字是0到1之间的数字,表示不同程度的透明度,0表示完全透明,1表示完全不透明。 opacity属性可以应用在页面元素上,包括图片,div等,下面用一个例子来说明: <div style="background-color: black; padding:...
剑鱼论坛
LV 6 高中
最后在线:6小时前
加入时间:314天前
主帖:89  跟帖:48
论坛主帖
155
论坛跟帖
129
在线访客
1
今日主帖
0
今日跟帖
0
今日注册
1
© 2019 - 2020 剑鱼论坛 版权所有
Powered by JianYuLunTan
剑鱼论坛 976666861
http://jianyuluntan.com/feedback.html
http://jianyuluntan.com/qiandao.html
http://jianyuluntan.com/denglu.html
0
http://jianyuluntan.com/adenglu.html
0
剑鱼论坛