一个好看的Input样式

<div class="search">    <input type="text"></div>

.search{    text-align: center;}.search input{    margin: 0 auto;    padding: 0 10px;    width: 536px;    height: 34px;    border: 1px solid rgba(255,255,255,.8);    border-radius: 2px;    color: #fff;    background: rgba(0,0,0,.15);
　　//font-family: "helvetica neue",arial,sans-serif;
}

fullPage插件使用:head引入css文件
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.8.8/jquery.fullPage.css">
在body最后引入cdn
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.8.8/vendors/jquery.easings.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.8.8/jquery.fullPage.js"></script>
<div id="fullpage">    <div class="section">        <div>            <div class="search">                <input type="text">            </div>        </div>    </div>    <div class="section">第二页</div>    <div class="section">第三页</div>    <div class="section">第四页</div></div>
$(document).ready(function(){    $(‘#fullpage‘).fullpage({        sectionsColor:[‘green‘,‘blue‘,‘gray‘,‘yellow‘],        controlArrows:false,        scrollingSpeed:2000,        anchors:[‘page1‘,‘page2‘,‘page3‘,‘page4‘],        loopTop:true,        loopBottom:true,        loopHorizontal:false,        scrollBar:true,        continuousVertical:true,        menu:‘#menu‘,        navigation:true,        navigationTooltips:[‘aaa‘,‘bbb‘,‘ccc‘,‘ddd‘],

});})
				


				
时间： 2024-11-06 22:00:21 

		


		


	

	
	

		


		
一个好看的Input样式的相关文章


								

		

			

                做一个好看的可翻转登录注册界面
			

		

		

									

				做一个好看的登录注册界面 前言 最近在尝试做网盘,使用的技术栈大概是 .net core + MVC + Mysql + Layui,主要目的是通过这个具体的项目,熟悉熟悉 .net core 开发,.net 的未来就是他了! 我的设想 在完成后端的一部分 建设 之后,我把目光投向了前端--登陆注册,由于这个网盘是用来试手的个人项目,我并不想用曾经用过的制作方式--登录和注册界面分开来做.我试图讲这两个功能合到一个页面上,并且以一种不是很 "Low" 的方式呈现出来. 你也可以认为我只			

		

	

				

		

			

                一个有意思的CSS样式库--BUTTONS
			

		

		

									

				我最近发现了一个有意思的CSS样式库,和Bootstrap相似,但是它是专门的一个高度可定制的,免费的并且开源的按钮CSS样式库,这里附上它的网址:http://www.bootcss.com/p/buttons/ 接下来介绍怎么使用这个CSS样式库,如上图,进入网址后,点击下载,会出现一个全是代码的网页,然后鼠标右键点击全选,复制,这里的代码就是这个BUTTONS的CSS样式代码, 再接下来就是在你的编辑器中创建一个css文件,然后将所复制的代码全部粘贴上去即可,然后就可以编写你的HTML代码			

		

	

				

		

			

                设置警告框为带有一个密文输入框的样式，并设置输入框键盘为数字键盘；判断密文输入框里的内容，并弹出相应提示
			

		

		

									

				项目需求 废话不说,直接上试题 及答案 代码 #import "TableViewController.h" @interface TableViewController ()<UIAlertViewDelegate> @property (nonatomic, strong) NSMutableArray * dataSource; - (IBAction)buy:(id)sender; @end @implementation TableViewController -			

		

	

				

		

			

                好看的table样式
			

		

		

									

				收藏个好看的table样式 <style type="text/css">table.gridtable { font-family: verdana,arial,sans-serif; font-size:11px; color:#333333; border-width: 1px; border-color: #666666; border-collapse: collapse;}table.gridtable th { border-width: 1px; paddi			

		

	

				

		

			

                手把手教你从零开始做一个好看的 APP
			

		

		

									

				前言 从零开始,手把手带你实现一个「专注睡前的 APP」.睡觉之前如果能有一个 APP,能让我们写一写这一天的见闻或者心得,同时又能看一会段子.瞄一会好看的妹子,放松一下疲惫的身心那该多好,这也是我完成这个 APP 的原因.APP 的全部代码我已经分享到?Github?上了,需要的直接 点击这里,如果喜欢的话,麻烦给个 star,谢谢啦. 本文为这一系列文章的总述,如果觉得篇幅过长,请点击下面的连接 手把手教你从零开始做一个好看的 APP - Day one 手把手教你从零开始做一个好看的 AP			

		

	

				

		

			

                jQuery css() 方法：设置或返回被选元素的一个或多个样式属性
			

		

		

									

				jQuery css() 方法 jQuery css() 方法 css() 方法设置或返回被选元素的一个或多个样式属性. 返回 CSS 属性 如需返回指定的 CSS 属性的值,请使用如下语法: css("propertyname"); 下面的例子将返回首个匹配元素的 background-color 值: 实例 $("p").css("background-color"); 设置 CSS 属性 如需设置指定的 CSS 属性,请使用如下语法: cs			

		

	

				

		

			

                前端切图：一个好看的表格css样式
			

		

		

									

				<!DOCTYPE html><html>        <head>        <meta charset="UTF-8">        <title></title>    </head> <body> <table border="1" id="dataTable"  style=" border-collapse:coll			

		

	

				

		

			

                常用的input样式美化。
			

		

		

									

				在平常的网站开发中,css,html提供的关于<input type ="checkbox"/>或者<input type = "file"/>的样式不是我们想要的,那么现在我们来介绍一个小技巧,来设置成我们想要的样式. 第一个input框的美化,原理是用一个a标签包裹一个input标签,让input溢出,设置input标签的透明度为0,然后设置a标签就可以设置显示的样式了 DOM结构: <a href="javascript			

		

	

				

		

			

                CSS分别设置Input样式（按input类型）
			

		

		

									

				当你看到<input>这个html标签的时候,你会想到什么?一个文本框?一个按钮?一个单选框?一个复选框?……对,对,对,它们都对.也许你可能想不到,这个小小的input竟然可以创造出10个不同的东西,下面是个列表,看看,哪些是你没有想到的: <input type="text" /> 文本框 <input type="password" /> 密码框 <input type="submit" />