DIV+css完美實現Textarea效果

2020-03-24 16:31:31

字體：大中小

來源：轉載

供稿：網友

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
html xmlns="http://www.w3.org/1999/xhtml"
meta http-equiv="content-type" content="text/html; charset=gbk"
head
title DIV+css完美仿真Textarea /title
style type="text/css"
h1{font:bold 1.2em/1.6em arial;margin:4px 0;padding:4px 0;}
h2{font:normal 1.1em/1.5em arial;margin:14px 0 0 0;padding:4px 0;}
div, p {font: normal 1em/1.3em arial;}
textarea.terms {
width:600px;
height:200px;
border:1px solid #ccc;
background:#f2f2f2;
font:normal 11px/15px arial;
padding:6px;
color:#333;
}
div.terms {
width:600px;
height:200px;
border:1px solid #ccc;
background:#f2f2f2;
padding:6px;
overflow:auto;
}
div.terms p,
div.terms li {font:normal 11px/15px arial;color:#333;}
div.terms h3 {font:bold 14px/19px arial;color:#000;}
div.terms h4 {font:bold 12px/17px arial;color:#000;}
div.terms strong {color:#000;}
/style
/head
body
h1 這可是用DIV實現的哦！ /h1
div
h3 Terms and Conditions /h3
h4 General /h4
p Servicing servicing resistor strong video computer /strong element transponder prototype analog solution mainframe network. Solution video debugged feedback sampling extended, infrared, generator generator. /p
ul
li list item number one /li
li list item number two /li
li list item number three /li
/ul
p 大家都見到很多網站有這種功能吧？就是點擊登錄后網頁并沒有刷新，但卻彈出一個登錄框，輸入帳號后又緊接著不刷新網頁就可登錄，這種功能對提高用戶體驗非常有用，現在做了一個簡單點的登錄框，主要是使用了jQuery框架，個人感覺這是個AJAX最好用的框架。 /p
h4 Fees /h4
p Reflective backbone log transmission cable logarithmic mainframe. Messaging backbone debugged feedback development phaselock metafile n-tier coordinated, cable coordinated coordinated in. strong Analog device /strong transistorized, sequential transistorized with scalar normalizing. Services software pc, femtosecond bypass scalar data element extended cascading capacitance harmonic. /p
/div
/body
/htmlhtml教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

上一篇：xhtml css網頁制作問題的解決方法

下一篇：CSS表單美化之直接輸入的Excel表格