`
hit1983
  • 浏览: 38174 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

CSS 总结

    博客分类：
  • web
CSS脚本 
阅读更多

通常为了配合页面整体的效果 会特别地制作一些带有背景色彩的按钮.

这是用默认脚本写的按钮

  1. <input type="button" value=" 重新选取试卷 ">  
现在我们来改造这个相对来说比较丑的按钮
1.先选择按钮的背景图片bg.gif 如图:
2.为我们的按钮定义Css样式 代码如下:
  1. .button {   
  2.                font-family: Tahoma;     
  3.                font-size: 12px;       
  4.                color: #333333;                     
  5.                text-decoration: none;   
  6.                border: 1px solid #666666;   
  7.                background-image: url(../images/bg.gif);    
  8. }  
3.在原先按钮的代码中使用我们定义的button样式 代码如下:
  1. <input type="button" class=button value=" 重新选取试卷 ">  
4.最后的效果 如图:
  精致了很多吧!

文本框(Input)可以通过重写Css中默认属性来改变文本框中文本的显示位置.

文本默认是靠左显示.
现在我们来重写Css让其在居中或靠右显示
  1. <input type="text"  style="text-align: center"/> 文本居中   
  2. <input type="text"  style="text-align: right"/> 文本靠右  
分享到：
| Wiki语法快速参考
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    HTML+CSS总结.doc

    "HTML+CSS总结" HTML（HyperText Mark-up Language）是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML 文本是由 HTML 命令组成的描述性文本，HTML 命令可以说明文字、图形、动画、声音、表格、...

    关于图片显示问题的CSS总结

    本文将基于“关于图片显示问题的CSS总结”这一主题，深入探讨CSS在处理图片显示时的关键知识点，以帮助开发者更好地理解和解决图片相关的问题。 首先，我们来看CSS中的`background-image`属性，它用于设置元素的...

    css总结文件(重要)

    这个"css总结文件(重要)"显然提供了一些关于CSS的核心概念、实用技巧和实例，对于学习和提升CSS技能非常有帮助。 首先，CSS的基础知识包括选择器、属性和值。选择器是用于指定我们要应用样式规则的HTML元素，例如`p...

    dw cs6的css总结

    dw cs6的css总结

    CSS总结.xmind

    CSS总结.xmind

    css总结

    【CSS总结】 CSS，全称Cascading Style Sheets（层叠样式表），是网页设计中的核心技术之一，用于控制网页元素的样式、布局和呈现。它与HTML或XML等标记语言结合使用，为网页添加视觉效果和结构化表现。在本篇内容...

    前端jscss总结笔记.zip

    这份"前端jscss总结笔记"涵盖了这两个主题的核心知识点，旨在帮助开发者深入理解和掌握它们。 JavaScript部分： 1. **基础语法**：包括变量声明（var、let、const）、数据类型（Number、String、Boolean、Null、...

    html和css总结文档

    ### 总结 HTML和CSS的学习是成为一名前端开发者的基石。理解基本元素和样式规则，掌握布局技巧，以及了解响应式设计和预处理器的使用，将有助于创建出专业且用户友好的网页。通过不断实践和探索，可以逐步深化对这两...

    css总结1

    在“css总结1”中，我们探讨了几种引入CSS样式的方法以及一些基本的CSS属性。 首先，让我们来看一下CSS样式的组成。一个CSS规则通常由两部分构成：选择器和声明。选择器指向你想要应用样式的HTML元素，如`h3`或`p`...

    前端css总结

    css总结很全，前端小白学习必备。后期还会发JS的。赚点积分

    CSS学习总结思维导图.xmind

    css学习总结思维导图

    达内科技内部资料一CSS总结.pptx

    高效的CSS、可维护的CSS、组件化的CSS、hack-free CSS 书写高效CSS： 1、使用外联样式替代行间样式或者内嵌样式 2、不推荐使用内嵌样式

    前端jscss总结笔记.rar

    在前端开发领域，JavaScript（简称JS）和CSS是构建网页动态效果和美观界面不可或缺的两种技术。本笔记将深入探讨这两者的核心概念、语法特点以及它们在实际开发中的应用。 一、JavaScript概述 JavaScript是一种轻量...

    liferay CSS总结

    CSS（Cascading Style Sheets）是用于控制网页元素样式的一种语言，对于自定义Liferay的主题和布局至关重要。以下是对Liferay CSS调整的一些关键点的详细说明： 1. **导航条背景色更改**：在`custom_common.css`...

    html+css基础总结（思维导图）

    HTML和CSS基础知识点总结（xmind编辑的思维导图）

    css-common:常用的css总结

    常用的css总结 CSS整块文本溢出省略方案 &lt; style &gt; .wrap { width : 200 px ; white - space : normal ; overflow : hidden ; text - overflow : ellipsis ; display : - webkit - box ; - webkit - ...

    HTML.css知识总结.md

    对于小白新手入手可借鉴，都是HTML+CSS基础 打好基础才会让代码写的轻松像云上游走，不费吹灰之力学好HTML+CSS

    CSS（盒子模型）总结.xmind

    css盒模型难点

Magicbox
Global site tag (gtag.js) - Google Analytics