小武的博客

angular menu菜单

代码如下： 图下是小程序的代码，view代表div<view class="shop-item" wx:for="{{shopList}}" wx:key="id"> <view class="thumb"> <image src="{{item.images[0]}}"></image> </view> <view class="info"> <text class="shop-title">...

box-sizing:border-box;

<p class="main">“当我年轻的时候，我梦想改变这个世界；当我成熟以后，我发现我不能够改变这个世界，我将目光缩短了些，决定只改变我的国家；当我进入暮年以后，我发现我不能够改变我们的国家，我的最后愿望仅仅是改变一下我的家庭，但是，这也不可能。当我现在躺在床上，行将就木时，我突然意识到：如果一开始我仅仅去改变我自己，然后，我可能改变我的家庭；在家人的帮助和鼓励下，我可...

效果图如下：第一种方法：ul li#nav {line-height: 72px; list-style-type: none;color:#ffffff}#nav a {display: block; width: 150px; text-align:center; height:72px;color:#ffffff}#nav a:link { text-deco...

如下图所示：（本来是预警，但是他自动添加上去初步两个字）解决方法：找到项目中的 ：<htmllang="en">把他改为：<htmllang="zh">或者把该属性去掉本文参考地址：https://www.cnblogs.com/DongZixin/p/11979517.html...

效果如下图所示：（点击技术介绍，跳到技术介绍模块）运用逻辑a标签，href="#divid"代码如下：<ahref="#produce"class="aC">技术介绍</a> <a href="#gread" class="aC"> 技术优势</a><div id="produce"> 技术介绍div</div><div id="gread"> 技术优势div&lt...

效果图如下：html代码如下：<div class="masonry"> <div *ngFor="let item1 of imgs"> <div class="item"><img [src]="item1.img" style="width: 100%"></div> </div></div>css代码如下：.masonry { -moz-colum...

css加上属性： object-fit: fill; object-fit: contain; object-fit: scale-down;这样就可以了

1. 效果如图所示： 2. html示例代码： <div class="con"> <p>ssss</p> <p>ssss</p> <p>ssss</p> <p>ssss</p> </div&gt...

html代码：<div id="animateId"></div>css代码：#animateId{ color: #fff; background-color: red; width: 400px; height: 400px; -webkit-animation: transform 3s 2 ease;}@-webkit-keyframes transform { 0%{ -webkit-tra

一、水平居中1. body{ text-align:center; } 缺点：body内所有内容一并居中2..center{ position: fixed; left: 50%;}缺点：需要设置position属性，网页复杂时容易扰乱页面布局,而且只是元素的起始位置居中3. .center{ width:500p...

效果展示：1. html代码 <div class="line"></div>2. css设置 .line { height: 15px; background-image: linear-gradient(#e66465, #9198e5); width: 100%; }

效果如下图所示：1，html代码：<div class="container"> 内容区域</div>2. 背景网格线.container{ background-image: linear-gradient(90deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(50, 0..

css的属性caret-color: rgba(0,0,0,0);