border-bottom | 易学教程

vue - 动态绑定 class

阅读更多关于 vue - 动态绑定 class

<template> <div class="todo-item" :class="{'is-complete':todo.completed}" > <p> <input type="checkbox" @change="markComplete"> {{todo.title}} </p> </div> </template> <script> export default { name:'todo', props:["todo"], methods:{ markComplete(){ this.todo.completed = !this.todo.completed console.log(this.todo); } } } </script> <style scoped> .todo-item{ background: #f4f4f4; padding: 10px; border-bottom: 1px dotted #ccc ; } .is-complete{ text-decoration: line-through } .del{ background: #ff0000; color: #fff; border: none; padding: 5px 9px; border-radius: 50%; cursor: pointer; float: right; } <

struts2标签

阅读更多关于 struts2标签

<%@ page language="java" pageEncoding="utf-8"%> <%@ include file="../../common/header.jsp"%> <%@taglib uri="/struts-tags" prefix="s"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>${activityName }</title> <base target="_self"></base> <jsp:include page="../../common/meta.jsp" /> <link rel="stylesheet" type="text/css" href="${root}/css/dialogStyle.css" /> <link rel="stylesheet" type="text/css" href="${root}/css/datagrid2.css" /> <style> .sel { width: 145px } .btn { display: none; } .tab05{border-bottom:1px solid #2d2d2d; border-right:0px solid #000000;

跟我一起做一个vue的小项目（八）

阅读更多关于跟我一起做一个vue的小项目（八）

接下来我们进行的是城市选择页面的路由配置添加city.vue,使其点击城市，然后跳转到city页面 //router.js import Vue from 'vue' import Router from 'vue-router' import Home from '@/pages/home/Home' import City from '@/pages/city/City' Vue.use(Router) // 导出一组路由配置项 export default new Router({ routes: [ { path: '/', name: 'Home', component: Home }, { path: '/city', name: 'City', component: City } ] }) 这里有个小知识，router-link会给div外层加一个a标签解决办法，给其改变的部分添加字体颜色接下来我们新建一个header.vue组件 //header.vue <template> <div class="header"> 城市选择 </div> </template> <script> export default { name: 'CityHeader' } </script> <style lang="stylus" scoped> @import '

6.纯css绘制叮当猫

阅读更多关于 6.纯css绘制叮当猫

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>叮当猫</title> <link rel="stylesheet" type="text/css" href="../css/ddm.css"> </head> <body> <div class="ddm">  <div class="head"></div>  <div class="line face"></div>  <div class="line eye-left"> <div class="eyeball-left"></div> </div>  <div class="line eye-right"> <div class="eyeball-right"></div> </div>  <div class="line nose"> <div class="nose-white"></div> </div>  <div class="line arm-left"></div>  <div class="line arm-right"></div>  <div

差点就错过你

阅读更多关于差点就错过你

之前一直有个想法，想要建立一个自己的个性博客，考虑过github建立博客，看了看步骤，放弃了偶然发现一下好看的博客，怎么都是cnblogs，然后发现了一个新的世界，昨晚兴奋滴久久不能入眠。推荐一下美化博客的链接好吧，更改我这样子的博客，找不到了-_-! 就把相应代码放在这里吧！定制化如果看着自己博客哪里不舒服，就按F12打开浏览器的调试界面，可以具体看看其属性，改改看看效果，如果可以，在更新到后台这里（html小白，表示也会了）。博客皮肤选择：ThinkInside 页面定制css代码 /*主页面样式*/ html{_background-image:url(none.jpg)}body{background:#EBEDF0 url(http://images.cnblogs.com/cnblogs_com/kingwell/389641/o_debut-light.png) repeat 0 0;color:#555;font:normal normal normal 12px/1.5 Ubuntu,Ubuntu, Helvetica, sans-serif,'\5B8B\4F53';margin:0;padding:0}a,abbr,acronym,address,applet,article,b,big,blockquote,button,canvas

纯CSS绘制的图形一览

阅读更多关于纯CSS绘制的图形一览

整理网上一些使用纯CSS绘制的图形示例~~纯属抄袭，哈哈 Square(正方形) #square { width: 100px; height: 100px; background: red; } Rectangle(矩形) #rectangle { width: 200px; height: 100px; background: red; } Circle(圆形) #circle { width: 100px; height: 100px; background: red; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; } /* 可以使用百分比值(大于50%)，但是低版本的Android不支持 */ Oval(椭圆形) #oval { width: 200px; height: 100px; background: red; -moz-border-radius: 100px / 50px; -webkit-border-radius: 100px / 50px; border-radius: 100px / 50px; } /* 可以使用百分比值(大于50%)，但是低版本的Android不支持 */ Triangle Up(向上的三角形) #triangle-up {

RidolIDE+TPM安装运行和Ridol常见bug处理（迅捷版）

阅读更多关于 RidolIDE+TPM安装运行和Ridol常见bug处理（迅捷版）

<h4>RidolIDE+TPM安装运行</h4> <p><strong>一、</strong><b>RidolIDE</b><strong>安装</strong></p> <blockquote> <p>1. 解压最新版的RidolIDE.zip到D盘。</p> <p>2. 将Oracle驱动解压到D:\RiDolIDE\jboss\modules\com 文件夹下。 </p> <p><a href="http://static.oschina.net/uploads/img/201307/09182421_kphE.gif"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="clip_image002" border="0" alt="clip_image002" src="http://static.oschina.net/uploads/img/201307/09182442_x2mQ.gif" width="76" height="50" /></a></p> <p>3. 将standalone.xml 文件拷贝D:\RiDolIDE\jboss

【css】样式

阅读更多关于【css】样式

1、背景颜色渐变情况 background: linear-gradient(to left,#FA4DBE 0,#FBAA58 100%); border-bottom-color: transparent; padding: 8px 10px 2、滚动条的出现 .nav_lf{ width:0.8rem; background:#F4F4F4; height:100%; overflow: hidden; overflow-y: auto; position: fixed; left: 0; top: 0; z-index:0; } 来源： https://www.cnblogs.com/yuanjili666/p/11594831.html

使用border做三角形

阅读更多关于使用border做三角形

网站上经常会使用一些三角形，除了图片的方式，实际上利用border我们可以做出纯CSS的三角形。我们知道border是个边抖可以单独设置，当四个边相交的时候他们是什么时候改变的？ .t0{ margin:30px; height:200px; width:200px; border-top:solid 100px red; border-left:solid 100px green; border-right:solid 100px orange; border-bottom:solid 100px blue; } */ /*--> */ 通过demo可以看到border的相交的地方在45deg平分，当元素的width、和height属性呗设置为0的时候 .t1{ margin:30px; height:0px; width:0px; border-top:solid 100px red; border-left:solid 100px green; border-right:solid 100px orange; border-bottom:solid 100px blue; } */ /*--> */ 这样我们就可以看到三角形了，尝试一下去掉两个边框，值保留上边和左边 .t2{ margin:30px; height:0px; width:0px; border-top

div+css3绘制基本图形

阅读更多关于 div+css3绘制基本图形

基本图形包括：矩形、圆角矩形、圆形、椭圆形、三角形、值线、弧这些图形的绘制用到了CSS圆角属性，不考虑IE8。下面的实现在chrome浏览器运行通过。 1.矩形比较简单，通过CSS设置宽度、高度、背景色即可。 html: <div class="rectangle"></div> css: .rectangle { width: 150px; height: 100px; background-color: orangered; } 呈现： 2.圆角矩形在矩形设置的基础上，增加圆角属性设定，这里用的单位是百分比,好处是可适应整体大小的变化而变化。 html: <div class='rounded-rectangle'></div> css: .rounded-rectangle { width: 150px; height: 100px; background-color: orangered; border-radius: 10%; } 呈现: 3.圆设置为正方形，将圆角设成50%即可，其实就是圆角的半径为正方形的的半径。 html: <div class='circle'></div> css: .circle { width: 100px; height: 100px; background-color: orangered; border-radius: 50%

订阅 border-bottom