图片，辅助类样式

图片样式

.img-responsive: 给图片加该样式可实现响应式布局
.center-block:图片居中样式，
图片形状样式：.img-rounded(圆角图片) ， .img-circle(圆形图片)，.img-thumbnail(边框圆角）

辅助类样式

文本颜色：.text-muted(柔和类) .text-primary .text-success .text-info .

text-warning .text-danger

背景颜色：.bg-primary .bg-success .bg-info .bg-warning .bg-danger
三角符号：<span class="caret"></span>
快速浮动类：.pull-left(左浮动) .pull-right(右浮动)
清除浮动：为父元素添加 .clearfix（可以清除浮动）
让内容块网页居中：<div class="center-block"></div>

用Ul做完后，给Li添加左浮动，会并列显示，

根据图片的大小定DIV宽度后，给父元素即DIV加类样式

Class="clearfix"

时间： 2024-10-08 19:34:58

图片，辅助类样式的相关文章

bootstrap-响应式图片、辅助类样式

响应式图片: <div class="container">  <div class="row"> <div class="col-lg-2"> <img src="user_photo.png" class="img-responsive"> </div> </div&g

HTML5 Canvas ( 图片填充样式 ) fillStyle, createPattern

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>canvas</title> <script type="text/javascript" src="../js/jQuery.js"></script> <style type="text/css">

导航链接添加背景图片替换样式

HTMl代码: <div class="welcome_button"> <ul> <li><a href="#">signup</a></li> <li><a href="#">login</a></li> </ul> </div> CSS样式: <style type="text/cs

定义图片的样式

<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>css定义图片的样式</title> <style> #box{ width:500px;/*给div盒子的宽度*/ height:600px;/*给div盒子的高度*/ border:1px solid #000000;/*div盒子的边框1像素

我们的设计要求聊天软件发图片做成微信那样,把图切成泡泡的形状,之前只用过circleimage,也就是切四个圆角,但是类似于气泡这种东西的那个小尾巴确实用函数画起来很困难,只好作罢,今天看到一开源代码有这个,于是着急做了个demo,分享下. 前段时间有人问我关于怎么绘制不规则图形的问题.比如,如何像whatsApp那样绘制的聊天气泡图形.在这个系列文章中我们主要来关注一下如何实现不规则图形效果. 在开始之前,我必须承认我忽略了问我这个问题的这个人.如果您正在阅读这篇文章,那么请与我联系,我会为你

JavaScript：改变li前缀图片和样式

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档<

bootstrap-内联表单水平（横向）表单响应式图片辅助类 [转]

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">  <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 为了确保适当的绘制和触屏缩放,需要在 <head> 之中添加 viewp

图片基本样式

图片横向平铺 background-repeat:repeat-x; 图片纵向平铺 background-repeat:repeat-y; 原文地址:https://www.cnblogs.com/7q4w1e/p/9650849.html

HTML图片视频音频样式及写法

HTML插入图片:<img src="" alt="" title="" width="" height="">src图片地址,alt图片替换文字,title鼠标移上去显示文字,width宽height高注意:src的图片地址可以是本地的,也可以是网络上的.直接在img中调宽高时不需要带px像素.常用的图片格式有bmp.jpg.png.gif等. <body> <img sr