`
accpxudajian
  • 浏览: 460049 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

textarea添加背景图片并控制定位

阅读更多

 

<style>
	.img{
		background:url(gb.png) 0px 87px no-repeat fixed;/*fixed是图片背景图片不移位的关键,0和87像素需要自己微调*/
		width:490px;/*图片宽度*/
		height:100px;/*图片高度*/
		border:1px solid red;/*边框颜色,可以省略*/
	}
 </style>
 <textarea class="img" rows="6"></textarea>
 

 

注意:在IE,FF和chrome下显示存在差异。

 

 

  • 大小: 79.4 KB
  • 大小: 86.5 KB
分享到:
评论

相关推荐

    将光标定位到textarea的某一行的javascript代码

    4. **创建并移动文本范围**:利用`textarea`的`createTextRange()`方法创建一个文本范围对象,然后调用该对象的`move()`方法将光标定位到计算出的位置。 5. **选择文本范围**:最后,通过调用文本范围对象的`select...

    textarea.github.io

    同时,使用`background-color`和`background-image`可以为textarea添加背景色或图片,提升视觉效果。 4. **字体样式**:通过`font-family`、`font-size`、`font-weight`等属性调整textarea内的文字样式,使其符合...

    网页设计制作课程作业

    背景音乐的添加与控制** 背景音乐可以为网站增添氛围,但需谨慎使用,以免干扰用户。在HTML5中,可以使用`&lt;audio&gt;`标签添加音频元素。`src`属性指定音频文件路径,`autoplay`、`loop`、`controls`等属性分别控制...

    HTML5+CSS3开发商业站点Chapter10.pptx

    - **背景定位**:使用`background-position`属性定位背景图片的位置。 - **背景重复方式**:使用`background-repeat`属性控制背景图像的重复方式。 - **背景尺寸**:使用`background-size`属性调整背景图片的大小...

    网页相关的模板!!!!

    10. **背景高级控制**:背景样式包括背景颜色、图像、重复、定位和混合模式。`background-color`定义背景色,`background-image`添加背景图,`background-repeat`设置是否重复,`background-position`控制位置,`...

    网页制作必懂的基础知识.pdf

    通过CSS可以设置文本的字体、大小、颜色、间距,定义背景的颜色、图片和位置,以及设置元素的边框、内边距padding和外边距margin等。此外,表单元素是用户与网页交互的基础,它包括各种输入控件,例如文本输入框、复...

    利用HTML、CSS 实现带表情的评论框的制作教程

    在这个过程中,我们也使用到了伪元素以及相对定位,绝对定位等布局技术,以确保各个元素在页面中精确地定位。此外,元素的padding和margin属性用来调整内部空间和外部间距,从而保证评论框的美观性和可用性。 在...

    CSS3秘笈 第3版 戴维·索耶·麦克法兰著 完整版PDF

    - **图片边框**:为图片添加边框效果。 - **图片的伪元素**:使用`:before`和`:after`伪元素实现图片的特殊效果。 #### 五、网站导航 - **导航栏设计**:使用列表项(`ul`, `li`)创建导航菜单。 - **响应式导航**:...

    支持弹出图片文字和表单模态框代码.zip

    通过设置元素的CSS样式,可以创建一个覆盖整个页面的半透明背景层,并在中心位置显示内容丰富的模态框。 该插件支持图片幻灯片展示,这需要利用JavaScript进行动态内容加载和切换。通常,开发者会创建一个图片数组...

    网页各种代码

    在网页中添加背景音乐 在HTML文档中插入背景音乐可以通过`&lt;bgsound&gt;`元素实现,但该元素并非所有浏览器都支持。一种较为通用的方法是通过JavaScript来实现背景音乐的循环播放。 ```html &lt;!-- document.write('*...

    jQuery实现网站添加高亮突出显示效果的方法

    以下是一个基本的示例,展示了如何使用jQuery代码来给网页的特定部分添加一个遮罩层,并设置遮罩层的样式来实现高亮效果。 在给出的代码示例中,首先在文档加载完成后,通过jQuery选择器获取当前文档的高度,并创建...

    css2.0及html及dhtml教程(含特效)chm文件

    5. **背景与边框**:可以设置元素的背景颜色、图片、重复方式等,以及边框的宽度、样式和颜色。 6. **文本样式**:包括字体、字号、行高、颜色、对齐方式、装饰等,用于控制文本的视觉效果。 7. **多列布局**:CSS...

    轻松创建HTML网页_简版

    - **创建窗体并发送数据**:了解不同窗体控件如、&lt;textarea&gt;、和,以及如何通过窗体提交数据。 - **窗体数据到电子邮件地址**:使用action属性将窗体数据发送至电子邮件地址。 #### 创建样式表 - **了解样式表基础...

    太原理工大学网页+css

    2. 动画效果:使用JavaScript控制DOM元素的运动,实现图片轮播、淡入淡出等效果。 3. DOM操作:学习如何通过JavaScript获取、修改和添加DOM元素。 4. JSON数据交互:可能涉及到与服务器的数据交换,通过JSON格式传输...

    H5+CSS3.zip

    使用标签添加图片,使用标签添加链接,使用table添加表格,使用thead、tbody、tfood定义表格; 表单标签:使用创建表单,文本输入框,密码输入框,数字输入框,网址输入框,邮箱输入框,&lt;textarea&gt;创建文本域,单选...

    网页开发复习资料

    - 控制背景图片的重复方式、位置等。 - **盒子模型**: - 边框样式、宽度、颜色。 - 内外边距、填充。 - 圆角边框、边框阴影。 - 定位方式(绝对、相对定位)。 - 堆叠顺序(`z-index`)。 以上内容覆盖了...

    jquery关于页面焦点的定位(文本框获取焦点时改变样式 )

    通过ID定位并设置焦点 如果需要针对特定的输入框设置焦点,可以通过`$("#id").focus();`的语法来实现。这种方式在页面加载完成后,会自动将焦点定位到具有特定ID的元素上。 #### 7. 聚焦后自动光标定位 如果需要在...

    添加新用户控件

    - 使用选择器定位特定的表单元素,并应用样式规则。 #### 四、控件添加的关键步骤 1. **设计表单布局**:使用HTML和CSS设计表单的结构和样式。 2. **编写JavaScript代码**:用于处理用户交互事件,如按钮点击时...

Global site tag (gtag.js) - Google Analytics